Создадим на сайте красивый эффект подчёркивания ссылок при наведении на них курсором. Необходимо только поменять цвет ссылок и цвет линий подчёркивания. Вот как работает данный код:
Копируем в CSS вашей темы следующий код:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
/*Эффект подчёркивания ссылок при наведении курсора*/ a { text-decoration:none; display: inline-block; line-height: 1; color:#1d70a3;/*Задаём цвет ссылки*/ } a:after { display: block; content: ""; height: 3px; width: 0%; background-color: #89cf34; transition: width 0.4s ease-in-out; } a:hover:after, a:focus:after { width: 100%; } a:hover{ color:#225384; } |
Готово!
