Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Ingernirated
@Ingernirated
Романыч
CSS
Почему keyframes действует только на первый элемент?
https://jsfiddle.net/dj490qoj/5/
Вопрос задан
более трёх лет назад
118 просмотров
6
комментариев
Подписаться
1
Оценить
6
комментариев
Facebook
Вконтакте
Twitter
Сергей delphinpro
@delphinpro
Куратор тега CSS
https://jsfiddle.net/DelphinPRO/dj490qoj/6/
Написано
более трёх лет назад
Ingernirated
@Ingernirated
Автор вопроса
Сергей
: спасибо, как отметить ответом? )
а почему конфликт произошел, из-за чего не захотела анимация работать в одном классе?
Написано
более трёх лет назад
Valentin Khokhlov
@viewDidLoad
Ingernirated
: никаких конфликтов, у вас логическая ошибка: анимация применяется сразу ко всем трем элементам, просто два из них невидимы и вам кажется что она не работает
Написано
более трёх лет назад
Ingernirated
@Ingernirated
Автор вопроса
Сергей
: Добрый вечер )
Подскажи, пожалуйста, как сделать, чтобы после окончания анимации opacity 1 осталось?
https://jsfiddle.net/dj490qoj/8/
Написано
более трёх лет назад
Сергей delphinpro
@delphinpro
Куратор тега CSS
Ingernirated
: Отследить окончание анимации (событие animationEnd + префиксы) и навесить класс у которого опасити единичка.
Или сделать проще:
https://jsfiddle.net/DelphinPRO/dj490qoj/9/
Написано
более трёх лет назад
Ingernirated
@Ingernirated
Автор вопроса
Сергей
: весьма признателен!!
Написано
более трёх лет назад
Решения вопроса
1
Иван
@Za0r
pop()
У меня в хроме всё работает,только прокрутить надо колесико
Ответ написан
более трёх лет назад
2
комментария
Нравится
1
2
комментария
Facebook
Вконтакте
Twitter
Ingernirated
@Ingernirated
Автор вопроса
два других блока тоже не просто появляются, а поднимаются снизу в верх?
Написано
более трёх лет назад
Иван
@Za0r
Ingernirated
: а,сорян,просто появляются
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как добавить прозрачность для sph в imgenx?
1 подписчик
10 часов назад
17 просмотров
0
ответов
CSS
+1 ещё
Простой
Как сделать так, чтобы карточка была по размеру контента, если его немного?
1 подписчик
вчера
90 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Есть ли на сегодня какое-нибудь решение выделить инпут по focus-visible?
1 подписчик
вчера
74 просмотра
1
ответ
JavaScript
+2 ещё
Простой
Как сделать так, что бы используя live server у меня не браузер открывался, а справа от самого кода открывалось окно со всем этим?
1 подписчик
13 мар.
106 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как получить такой эффект на мобильном?
1 подписчик
12 мар.
203 просмотра
0
ответов
HTML
+1 ещё
Простой
Как сверстать данную часть header?
1 подписчик
12 мар.
112 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы в меню были вертикальные полосы на всю высоту?
2 подписчика
11 мар.
191 просмотр
2
ответа
HTML
+1 ещё
Простой
Как лучше реализовать данный блок?
1 подписчик
11 мар.
95 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как скрыть/показать элемент с определенным текстом?
2 подписчика
10 мар.
876 просмотров
2
ответа
CSS
Средний
Как победить проблемы с overflow-y: sсroll?
1 подписчик
06 мар.
142 просмотра
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 200 000 до 250 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 420 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама