Эффект плавного или если хотите постепенного появления блока сделает страничку сайта более динамичной, привлекательной. А быть может в этом даже найдется какая-то функциональность, когда определенную информацию надо просто показать с задержкой. Если вам необходимо такой эффект, то его можно получить либо через Ява скрипт, либо через настройку стилей. Я расскажу о CSS варианте, мне он кажется наиболее правильным, с минимальным кодом, то есть через настройку тех самых стилей.

 Реализация плавного появления блока с помощью стилей (CSS)

Все можно прописать прямо в модуле, который будет отображаться, либо разделить мух от котлет. То есть CSS прописываем в стилях, сам блок в месте, где он должен отображаться. Однако здесь надо обратить внимание на правило @keyframes Это правило надо прописывать скорее всего лишь для нужного блока, а значит прописывать его в общих стилях не вариант, так как там могут быть затронуты те компоненты, что не должны проявляться. В общем правило прописываем тоже сразу в месте проявления модуля.

 Смотрим код

 Ну и дабы долго не описывать, смотрим пример.

 

появление блока CSS

 

PS если вставляем прямо в статью или модуль, то обрамляем тегами style открывающимся и закрывающимся