#16. Уроки по CSS для НАЧИНАЮЩИХ (анимации)
Анимации CSS: Transition,Transform,KeyFrames
TRANSITION Свойство transition позволяет плавно анимировать изменения CSS-свойств элемента. Оно позволяет задать переходные эффекты при изменении состояния элемента, таких как изменение цвета, размера, положения и других атрибутов. Применяется к элементам, которые имеют начальное и конечное состояние.
Пример использования transition:
Пошаговое руководство:
Шаг 1: Определите элемент
Сначала вам понадобится HTML-элемент, к которому вы хотите применить переходный эффект. Например, это может быть...
Transition Smoothing: Чтобы картинка не дёргалась
Вот,
опять принесли мне монитор, а на нём, говорят, "всё дёргается". Я вот
смотрю на это и сразу понимаю, что тут дело не в мониторе, а в том, как
он работает с видеокартой. И тут, мои дорогие, на помощь приходит такая
штука, как Transition Smoothing, или, если по-нашему, "сглаживание
переходов". Сейчас я вам объясню, что это такое, и почему это так важно.
Представьте,
что вы сидите и смотрите на экран, а по нему что-то двигается. Ну,
например, курсор мыши. Он должен двигаться плавно, как по маслу...