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

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

Вот такие:

aleksandr-krylov

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

Можете попробовать их сделать самостоятельно.

Для этого нужно просто вот этот код сохранить в файле html, а потом открыть в браузере

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Как сделать ссылку в html</title>
<style>
.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;}</style>
</head>
<body>
<a href="https://aleksandr-krylov.ru/" class="licat">aleksandr-krylov</a>
</body>
</html>

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

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

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