Подчёркивание ссылки с красивым эффектом
 | |
Это больше не скрипт, а такое приложение на ваш сайт, чтоб сделать его более оригинальным и здесь как раз эти стили пригодятся. Здесь вы можете изменить стандартное подчеркивание ссылки на оригинальное. А точнее на плавно появление будет, когда вы наведете курсор и сами можете выставить цвет. По умолчанию идет, что сразу появляется, здесь с левой стороны будет выезжать.  Некоторые просто убирают и делают просто другую гамму цвета, но это как проверил очень интересно смотрится. А всего то надо, поставить в CSS небольшие стили и потом настроить цвет, выставил светло синий, у вас возможно будет совершенно другой. Если вы не сильно поняли, то просто установите на сайт и сразу вам ясно будет. Код a { line-height: 1; display: inline-block; color: #335ACC; text-decoration:none; cursor: pointer; } a:after { display: block; content: ""; height: 2px; width: 0%; background-color: #335ACC; transition: width .3s ease-in-out; } a:hover:after, a:focus:after { width: 100%; } В этих стилях и ширину и оттенок все устанавливается. Источник: http://dbmast.ru/ | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 9 | |
|
| |
