108 читали · 1 год назад
Анимации CSS: Transition,Transform,KeyFrames
TRANSITION Свойство transition позволяет плавно анимировать изменения CSS-свойств элемента. Оно позволяет задать переходные эффекты при изменении состояния элемента, таких как изменение цвета, размера, положения и других атрибутов. Применяется к элементам, которые имеют начальное и конечное состояние. Пример использования transition: Пошаговое руководство: Шаг 1: Определите элемент Сначала вам понадобится HTML-элемент, к которому вы хотите применить переходный эффект. Например, это может быть...
241 читали · 4 года назад
CSS: Градиенты
Градиенты — это плавные перетекания одних цветов в другие, используемые, в основном, для фона. В CSS градиенты бывают двух типов: линейные и радиальные. Линейные градиенты задаются функцией linear-gradient(), которая принимает в качестве параметров направление градиента (в радианах - deg) и список точек (минимум 2), содержащие цвет и позицию точки (в процентах). .gradient { background: linear-gradient( 90deg, /* задаём направление градиента */ blueviolet 0%, /* задаём цвет и позицию...