Создаем кнопки с эффектом наведения и фокусировки. Наведите курсор мыши на кнопку, чтобы увидеть эффект при наведении, и сфокусироваться на кнопках, нажав Tab, чтобы увидеть эффект фокусировки. В основном, есть 4 простые кнопки, но когда вы наводите на них курсор, в кнопке появляется значок и цвет. В этом дизайне есть 4 разных вида кнопок для отображения разных журналов, таких как инфо, принято, предупреждение и закрыто...

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