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

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


     17.01.2014    Все вопросы » Стили (CSS)    3089

вопрос
Доброго времени суток. вообщем (у меня по русскому языку двойка, я не знаю, что в русском языке не существует слова вообщем) возник вопрос, необходимо на сайте организовать эффект плавного перехода. Пример: 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
Юзер

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

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

ravchik
Юзер

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

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

Alex768
Юзер

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

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

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

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

наверх