Как добавить переходные эффекты при наведении

Узнайте, как использовать CSS для добавления переходных эффектов при наведении.

Переход при наведении

CSS-транзитивность позволяет вам плавно изменять значения свойств в течение заданного времени (от одного значения к другому).

Добавьте переходный эффект (прозрачность и цвет фона) к кнопке при наведении мыши:

Пример

При наведении мыши на элемент, он становится прозрачным:

Попробуйте сами

Пример

Фон тускнеет при наведении мыши:

Попробуйте сами

Соответствующие страницы

Учебник:CSS трансформации