← Фронтенд разработка

CSS анимация кнопки

Рассмотрим применение анимации для кнопки, сделаем наш интерфейс более удобным для пользователей.

настройка проекта net core
стили браузера для кнопки
кнопка в стиле Material Design с анимацией

Ресурсы:

📎 Material Design Button "ripple" effect animation (pure CSS) codepen.io
📎 How to Recreate the Ripple Effect of Material Design Buttons (css-tricks.com)

▶️Все о CSS переходах (transitions) за 16 минут. CSS анимация. Часть первая
▶️CSS transform. 2D и 3D трансформации translate, scale, rotate и другие