ДС
Анимация
Animate.css v4в
Animate.css
Анимация при наведении
Настройки тут
<style>
.beauty-rotate {
width: 300px;
height: 300px;
border: 4px double #bd6c46; /* Рамка */
overflow: hidden;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.beauty-rotate:hover {
border-radius: 50%;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
</style><style>
.grey-image {
filter: grayscale(1); /* Черно-белый фильтр для изображения */
transition: 1s; /* Время изменения цвета изображения */
}
.grey-image:hover {
filter: grayscale(0); /* Цветное изображение при наведении */
}
</style><style>
.hover-image-scale {
display: inline-block;
overflow: hidden; /* Скрываем всё за контуром */
}
.hover-image-scale img {
transition: 1s; /* Время эффекта */
display: block;
}
.hover-image-scale img:hover {
transform: scale(1.2); /* Увеличиваем масштаб */
}
</style>Текст
See the Pen Untitled by Алексей Тимофеев (@aeeaakmc-the-scripter) on CodePen.
Расписание интенсива
Учитесь у лучших специалистов в своей индустрии и развивайте практические навыки
День 1
12 Июня. Понедельник
Начало в 12:00
Расскажем, как построить налаженные процессы в команде и распределять задачи
День 2
13 Июня. Вторник
Начало в 12:00
Научимся делать сложные вещи простыми и создавать яркие композиционные решения
День 3
14 Июня. Среда
Начало в 12:00
Научимся работать с данными и использовать их в работе над проектом
Craftum
Конструктор сайтов Craftum