Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 09.02.2017, 22:47   #1
anabenne
Пользователь
 
Регистрация: 16.06.2011
Сообщений: 13
По умолчанию CSS анимация

Здравствуйте, ломаю голову.

Есть два блока:

Код HTML:
<div class="block1"><p>Блок 1</p></div>
<div class="block2"><p>Блок 2</p></div>
Для них стили:

Код HTML:
.block1, .block2 {
	background-color: #324233;
	position: absolute;
	right: 0%;
	top: 20%;
}
.block1 p, .block2 p {
	color: #fff;
}
Задача:

Создать анимацию.

Блок1 плавно спускается сверху из нулевой прозрачности в полную и замирает на 12 секунд.
Исчезает и появляется Блок2 - спускается сверху из нулевой прозрачности в полную и замирает на 12 секунд. Блоки чередуются таким образом постоянно.

Сломал голову уже как можно реализовать. Помогите, пожалуйста. Буду благодарен.
anabenne вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
CSS анимация + ссылка spanser HTML и CSS 0 04.11.2015 10:34
Анимация на css exoslam HTML и CSS 1 03.02.2015 13:41
HTML, CSS - Управление CSS анимацией HTML+CSS+JS dobryc HTML и CSS 1 18.11.2014 05:58
Проблема с CSS (CSS Slider) m0rt HTML и CSS 4 28.01.2013 14:53