Псевдокласс:hover используется для ссылок, над которыми находится указатель мыши.
Это можно использовать для создания интересных эффектов. Например, если мы хотим, чтобы ссылки становились оранжевыми и курсивными при прохождении указателя над ними, то наш CSS должен выглядеть так:
a:hover { color: orange; font-style: italic; }Пример 1: Эффект при нахождении указателя над ссылкой
Эффекты для положения указателя мыши над ссылкой стали уже общим местом. Мы рассмотрим несколько дополнительных примеров для псевдокласса:hover.
Пример 1a: Расстояние между буквами
Как вы помните из Урока 5, расстояние между символами можно установить свойством letter-spacing. Это можно применить для ссылки:
a:hover { letter-spacing: 10px; font-weight:bold; color:red; }Пример 1b: UPPERCASE и lowercase
мы рассмотрели свойство text-transform, которое может переключать символы с верхнего на нижний регистр. Это также можно использовать для создания эффектов на ссылке:
a:hover { text-transform: uppercase; font-weight:bold; color:blue; background-color:yellow; }Эти два примера показывают почти безграничные возможности комбинирования различных свойств. Вы можете создавать свои собственные эффекты - попробуйте!
Дата добавления: 2015-07-21; просмотров: 37 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Что такое псевдокласс? | | | Таким образом, под сушкой понимают процесс испарения влаги из материалов и отвода образующихся паров. |