Популярные пресеты
Эффект затухания
Плавный переход непрозрачности
Эффект масштаба
Изменение размера элемента при наведении курсора
Эффект поворота
Поворот элемента при наведении
Эффект скольжения
Перемещение положения элемента
Изменение цвета
Переход цвета фона
О переходах
Переходы CSS позволяют плавно изменять значения свойств в течение заданного периода времени.
Обычно анимированные свойства включают:
- ширина, высота
- Отступы, отступы
- Непрозрачность, цвет
- transform (scale, rotate, translate)
- background-color
Совет от профессионала: используйте опцию «Все свойства» для анимации всех изменений.
Preview
Сгенерированный код
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Элементы управления переходом
Эффекты наведения
Related Tools
Минификатор CSS
Сжимайте и оптимизируйте свой CSS-код с профессиональной точностью
CSS Beautifier
Форматируйте и украшайте свой CSS-код с профессиональной точностью
Простое создание преобразований CSS3
Мощный, интуитивно понятный инструмент для создания сложных преобразований CSS3 без написания кода. Визуализируйте изменения в режиме реального времени и копируйте сгенерированный CSS для использования в своих проектах.
Конвертер байтовых единиц измерения
Преобразуйте различные единицы цифровой информации с высокой точностью
Конвертер JSON в Base64
Безопасно и эффективно кодируйте данные JSON в формат Base64
Валидатор JSON
Проверяйте, форматируйте и отлаживайте данные JSON с высокой точностью. Получайте мгновенную обратную связь о синтаксических ошибках и проблемах с форматированием.