| Olegan | Дата: Среда, 11.04.2012, 22:52 | Сообщение # 1 |
|
| Мало кто знает, что при помощи таблиц каскадных стилей подчеркивания под ссылками можно сделать анимационными.
На самом деле задать в параметрах именно анимационное подчеркивание не представляется возможным, зато в качестве фона ссылки вполне можно задать анимационную картинку:
Мы определили класс ссылок sym. При этом по умолчанию все ссылки этого класса не имеют подчеркивание (text-decoration: none). При наведении на ссылку, она получает фоновую картинку (background-image: url(line.gif)), которая отображается в необходимой позиции (background-position: 100% 100%, в нашем случае под ссылкой).
В качестве анимационного фона задается небольшая gif-картинка.
В результате все ссылки класса sym будут иметь анимационное подчеркивание.
Анимационна ссылка, наведи на меня!
|
| |
| |
