Эффект подсветки ссылок.

Приветствую вас друзья. Сегодня предложу  эффект подсветки ссылки при наведении курсора . Про варианты оформления ссылок, на моём блоге уже была вот эта статья изменить цвет ссылки и красиво её оформить. И здесь с эффектом подчёркивания.

Добавим в копилку ещё и этот.


Эффект подсветки ссылки.

шпаргалки блогерши

код

<style>a.text {
  color:#ccc;
  text-decoration:none;
  text-shadow:1px 1px 0px #000,0 0 0px #000,0 0 0px #000,0 0 0px #000;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
}

a.text:hover {
  color:#fff;
  text-shadow:
    0px 1px 0px #FF00FF,
    0px 0px 3px #FF00FF,
    0px 0px 5px #FF00FF,
    0px 0px 30px #FF00FF,
    0px 3px 50px #FF00FF;
}</style>

<a class="text" href="адрес страницы">название</a>

И как обычно. Если предполагаете часто использовать его, то будет лучше код CSS, который заключен в теги <style> код </style>, но уже без них установить непосредственно в шаблоне блога перед строкой ]]></b:skin>.  А потом уже в сообщении в режиме HTML, где нужно вставить ссылку прописать строку, выделенную синим цветом.

Вот и всё сегодня. Спасибо за внимание. Удачи всем нам.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email