Как сделать красивую ссылку в html

Когда-то в далёком 2013 году у Виталия Бургомистрова на его сайте, посвящённом вордпрессу (mojwp.ru), обнаружил красивые переливающиеся ссылки при наведении.

Вот такие:

aleksandr-krylov

Мне очень нравится наводить на этот прямоугольник мышку, а потом отводить. Буквально завораживает )

Можете сделать себе аналогичные.

Вот такие простенькие стили — в файл стилей:

.licat {
border:1px solid #c4c4c4;
border-radius:3px;
padding: 0 5px 2px 5px; color:#0000CC; background:#EFEFEF;
-webkit-transition: background 1s ease;
}

.licat:hover {
background:#0033FF;
}

a.licat:hover {color:#fff;}

А потом — просто прикрепить стиль к нужной ссылке:

<a href=»https://aleksandr-krylov.ru/» class=»licat»>aleksandr-krylov</a>

Вопросы можно задать в комментариях )

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *