Сделайте CSS3 переходы с постоянным темпом

0

Можно ли сделать переходы в css3 идти с постоянным темпом? Я имею в виду, что они замедляются в конце, в большинстве случаев это выглядит круто, но не если вы хотите сделать, например, таймер (при этом div меньше и меньше).

Теги:
transitions

2 ответа

4

Используйте ключевое слово linear для функции синхронизации времени. Что-то вроде этого:

transition: all 1s linear;
1

Вы можете использовать:

transition-timing-function: linear;
-webkit-transition-timing-function: linear; /* Safari and Chrome */

Значение по умолчанию (присущее) ease, поэтому добавьте эту строку и измените ее на линейную. Это не работает в IE9 или старше.

Сообщество Overcoder
Наверх
Меню