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

Question

[eugene_d_dev]

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

Answer 1

[Arteben]

"проявить" элемент элемент вне границ отрисовки окна, а потом передвинуть translate туда, куда нужно

Использовать opacity из css

Answer 2

[Vlad Feninets]

можно opacity делать от 0 до 1,
можно высоту/ширину от 0 до 100%,
можно z-index менять,
transfrom-scale от 0 до 1,