Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Эффект плавного перехода как добавить?

Эффект плавного перехода как добавить?


     17.01.2014    Стили (CSS)    1672

вопрос
Доброго времени суток. вообщем (у меня по русскому языку двойка, я не знаю, что в русском языке не существует слова вообщем) возник вопрос, необходимо на сайте организовать эффект плавного перехода. Пример: http://yahooeu.ru (справа категории и теги с таким эффектом при наведении курсора). Может кто знает, или хоть подскажите что за эффект и куда копать?

Ответил: ravchik


в CSS3 есть свойство, которое добавляет эффект перехода между двумя состояниями элемента - transition.
Добавьте данное свойство к классу ссылок в блоке навигации.
Например
<div class="nav">
<ul>
<li><a href="/">На главную</li>
...
</ul>
</div>
CSS будет такой
.nav a {
background-color:black;
color:#fff;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
}
.nav a:hover {
background-color:red;
}

Комментарии пользователей (3)

Alex768
14 | 3

Alex768 - 17 января 2014 12:22 - Юзер

Можно сделать с помощью простого плагина
Ссылка на страницу с плагином.

ravchik
66

375 | 123

ravchik - 17 января 2014 12:28 - Юзер

но на IE до 9 версии эффектов не будет, он не поддерживает CSS3

Alex768
14 | 3

Alex768 - 17 января 2014 12:33 - Юзер

Решается подключением Jquery UI, а насколько я помню, такой плагин идет по умолчанию в движке.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы