Книга: CSS3 для веб-дизайнеров
Временные функции (мне следовало быть внимательнее на уроках математики)
Временные функции (мне следовало быть внимательнее на уроках математики)
Значение временной функции позволяет менять скорость перехода с течением времени одним из шести способов: ease
, linear
, ease-in
, ease-out
, ease-in-out
и cubic-bezier
, который позволяет определить произвольную временную кривую.
Если вы, как и я, проспали все школьные уроки геометрии, не беспокойтесь. Я советую просто подставить каждое значение по очереди и увидеть, чем они отличаются друг от друга.
Продолжительность перехода в этом примере так мала, что сложно различить все шесть способов. Для более длительных анимаций выбранная временная функция становится важным параметром, так как есть время заметить изменение скорости на протяжении анимации.
Если сомневаетесь, знайте: значения ease
(значение по умолчанию) или linear
прекрасно подходят для коротких переходов.
- Хвост, который размахивает собакой
- Что такое CSS-переходы
- Простой пример
- Временные функции (мне следовало быть внимательнее на уроках математики)
- Задержка перехода
- Краткая форма записи
- Поддержка в браузерах
- Полная запись перехода
- Состояния перехода
- Переход нескольких свойств
- Переход всех возможных состояний
- К каким свойствам применим переход
- Почему бы не воспользоваться JavaScript?
- Используйте с умом
- Пять умнейших стерв – это много
- Аргументы функции в Python
- 2.2. Современные методы исследования эффективности рекламы
- 3. Функции
- Новые функции API для работы с Blob и массивами
- Математические функции
- Размытые функции
- 7.3. Финансовые функции
- 4.3. Логические функции и таблицы истинности
- B1.7. Функции обработки ошибок
- 9.1.4.2. Функции-оболочки: execl() и др.
- Время показывается в 12-часовом формате, а мне привычнее 24-часовой. Как это изменить?