приёмом, название ему "transition" или по-русски "переход".
Переход создаёт эффект переливания при наводке на объекты, то есть через :hover.
Вот пример:
1. Создаём див с классом delay и помещаем внутрь него ссылку, также применяем к ссылке класс lik:
- Код: Выделить всё
<div class="delay"><a class="lik" href="http://help.4admins.ru">4admins.ru</a></div>
2. Применим CSS к классу delay:
- Код: Выделить всё
.delay {
padding: 5px; /* Отступы */
border: 2px solid black; /* Обводка */
border-radius: 5px; /* Закругление */
background: #69f; /* Цвет фона */
-moz-transition: all 1s linear; /* Переход в браузере Mozilla */
-o-transition: all 1s linear; /* Переход в Opera */
-webkit-transition: all 1s linear; /* Переход в Chrome, Safari */
}
.delay:hover {
background: #33f; /* Изменяем цвет фона */
}
и применим CSS к классу lik
- Код: Выделить всё
a.lik {
-moz-transition: all 1s linear; /* Переход в браузере Mozilla */
-o-transition: all 1s linear; /* Переход в Opera */
-webkit-transition: all 1s linear; /* Переход в Chrome, Safari */
color: dodgerblue !important; /* Цвет ссылки */
}
a.lik:hover{
color: deepskyblue !important; /* Изменяем цвет ссылки */
}
Вот и всё, до новых встреч