@eugene_d_dev

Можно после display:block сделать анимацию?

Допустим, есть неопределенное количество блоков, которые при загрузке страницы, начинают по одному появляться через js скрипт ( до этого у них стандартный css стиль - display:none ), получая стайл: сперва display:inline-block, далее нужно, что анимировался translate. Просто насколько мне известно, нельзя добиться анимации при использовании конструкции display:none To display:block. Что посоветуете. Нужно именно, чтобы эти элементы были display:none и получить анимацию от translate. Пробовал с задержкой запускать после дисплея, чтобы они не в одно время выполнялись - не помогло.
  • Вопрос задан
  • 215 просмотров
Пригласить эксперта
Ответы на вопрос 2
Arteben
@Arteben
"проявить" элемент элемент вне границ отрисовки окна, а потом передвинуть translate туда, куда нужно

Использовать opacity из css
Ответ написан
Комментировать
fnnzzz
@fnnzzz
front-end dev
можно opacity делать от 0 до 1,
можно высоту/ширину от 0 до 100%,
можно z-index менять,
transfrom-scale от 0 до 1,
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
29 мар. 2024, в 17:14
4000 руб./за проект
29 мар. 2024, в 17:04
5000 руб./за проект
29 мар. 2024, в 17:03
3000 руб./за проект