Реализация анимации
274
04 июня 2018, 12:30
Помогите пж, нужно сделать бесконечную анимацию, которая появляется на 3 сек, а потом исчезает на 5 сек и снова появляется, итак бесконечно. Как это можно реализовать через css?
Answer 1
Примерно так, но чтобы указать явное время задержки Вам нужно указывать стили в самой анимации.
div {
width: 100px;
height: 100px;
background: blue;
animation: 5s rotit infinite;
}
@keyframes rotit {
from {
transform: rotatey(360deg);
}
66%,
100% {
transform: rotatey(0deg);
}
}<div></div>Источник
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
-
20:41
-
06:31
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50165 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31921 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26132 visits
- Как через css изменить цвет png изображения? 11740 visits
- Blob video url download 11286 visits
- Php curl запрос через прокси с авторизацией 10694 visits
- Работа с captcha vk api 9488 visits
© "hostciti.net" 10.2.2026 | 05:39