/
Вопросы и ответы
/
CSS
/

Как сделать плавное появление блока css

Как сделать плавное появление блока css

4 года назад

Человек-Молекула

Ответы

1

Для создания плавного появления блока CSS можно использовать свойство transition. Это позволяет задать плавный переход для определенных свойств элемента, таких как opacity, height, width и другие.

Пример CSS кода для создания плавного появления блока:

.block {
  opacity: 0; /* Начальное значение непрозрачности */
  transition: opacity 0.5s ease; /* Настройка плавности и время перехода */
}

.block.active {
  opacity: 1; /* Конечное значение непрозрачности */
}

В данном примере при добавлении класса "active" к элементу с классом "block", он будет появляться плавно за 0.5 секунды с эффектом ease.

Также можно добавить другие свойства для transition, например, transition: opacity 0.5s ease-in-out, чтобы задать иную анимацию.

Таким образом, использование свойства transition в CSS позволяет создать плавное появление блока на веб-странице.

год назад

Olga Pejenkova