Авторизация
Забыли пароль? Введите ваш е-мейл адрес. Вы получите письмо на почту со ссылкой для восстановления пароля.
После регистрации вы сможете задавать вопросы и писать свои ответы, получая за это бонусы. Все остальные функции на сайте доступны без регистрации.
Вы должны войти или зарегистрироваться, чтобы добавить ответ и получить бонусы.
Для создания анимации в CSS вы можете использовать свойство `animation`. Вот пример кода:
HTML:
«`html
«`
CSS:
«`css
.box {
width: 100px;
height: 100px;
background-color: red;
animation: myAnimation 2s infinite;
}
@keyframes myAnimation {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
«`
В этом примере создается анимация, которая масштабирует квадратный блок с красным фоном. Анимация будет повторяться бесконечно (`infinite`) в течение 2 секунд (`2s`). Внутри `@keyframes` определены ключевые кадры анимации, где задаются различные стили для элемента в разные моменты времени. В данном случае, на 0% элемент имеет обычный масштаб, на 50% — увеличенный масштаб, а на 100% — снова обычный масштаб.
Вы можете изменять свойства элемента внутри `@keyframes` для создания различных анимаций.