Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Вопрос по анимации css3

PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Вопрос по анимации css3

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Описание: задержка и итерации

Поиск в теме | Версия для печати

dcc0	Отправлено: 19 Апреля, 2015 - 14:26:22
Участник Покинул форум Сообщений всего: 1043 Дата рег-ции: Июль 2014 Помог: 10 раз(а)	Допустим надо проигрывать анимацию с задержкой несколько раз, задержка должна быть между каждой итерацией, пишу так: CODE (html): скопировать код в буфер обмена -webkit-animation-delay: 5s; -webkit-animation-iteration-count: 3; Но задержка есть только в начале. (Отредактировано автором: 19 Апреля, 2015 - 14:27:26) ----- Март 2021. Бросил программирование

IllusionMH	Отправлено: 20 Апреля, 2015 - 13:52:21
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	dcc0, возможно, можно вначале анимации добавить кадры которые ничего не меняют. Потом посчитать соотношение "простоя" к анимации, и добавить вначале соответствующий 0% и x% содинаковыми значениями для начала анимации

dcc0	Отправлено: 20 Апреля, 2015 - 16:38:15
Участник Покинул форум Сообщений всего: 1043 Дата рег-ции: Июль 2014 Помог: 10 раз(а)	IllusionMH, да, понял,можно выставить побольше продолжительность И последние ключевые кадры повторить, будто они исходные. Примерно так. Получаем примерно половину простоя. CODE (html): скопировать код в буфер обмена 0% {background-color: red; left:0px; top:0px;} 15% {background-color: yellow; left:200px; top:0px;} 20% {background-color: blue; left:200px; top:200px;} 55% {background-color: red; left:0px; top:0px;} 100% {background-color: red; left:0px; top:0px;} Ну или в начале выставить, тогда можно убрать delay вообще. P.S. Мда, открыл для себя анимацию css3... Это ж теперь, фактически, можно без флеш почти все сделать, сайт-мультфильм ... (Отредактировано автором: 20 Апреля, 2015 - 17:18:53) ----- Март 2021. Бросил программирование

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.