Красивый Hover: эффект CSS при наведении
 | |
| Есть много различных по своему функционалу Hover - эффекты при наведении, которые отличаются друг от друга, где один отличается от всех. Здесь мы идем по одному направлению, это создаем эффект, чтоб он визуально был замечен на сайте. Где главное правило, это не перегнуть или сделать заметным, что не так сильно станем визуально для просмотра. Что для этого идет стилистика, где самостоятельно веб мастер может сам настроить и выставить под свою палитру цвета. Здесь рассмотрим один из многих, но почему-то он больше мне по своему визуально запомнился. Сейчас много современных дизайн, где существует новая тенденция в основной стилистике дизайн. Где есть место для применения эффекта для особо яркого и запоминающего вызова, который происходит в действие. Вот как раз в этом мануале мы рассмотрим не очень простую в своей формаций кнопку, где как раз преминем эффект для красивого свечение при помощи стилей CSS, где все произойдет, когда пользователи или гости сайта наведут на форму кнопки. Так реально выглядит кнопка при установки:  Приступаем к установки: HTML Код <a href="http://zornet.ru" class="samilon kegikoladen_kequntas" target="_blank">ZORNET.RU</a> CSS Код .samilon { text-decoration: none; color: rgba(251, 247, 247, 0.76); background: rgb(92, 115, 182); padding: 14px 38px; border-radius: 4px; font-weight: normal; text-transform: uppercase; transition: all 0.2s ease-in-out; font-size: 15px; } .kegikoladen_kequntas:hover { color: rgb(251, 248, 248); box-shadow: 0 5px 15px rgba(86, 138, 193, 0.4); } Также здесь есть возможность для использования формата, что будет приведенный ниже, под уникальный эффект свечение, что производится в стилистике CSS, которая закреплена за классом кнопки. Демонстрация | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 0 | |