Использование jQuery fadeIn Effect Plugin on: hover для ссылок

Question

Использование jQuery fadeIn Effect Plugin on: hover для ссылок

0

Я создаю ссылки, в которых их фоновые изменения на мыши легко накладываются на CSS, но я хочу, чтобы эффект постепенного уменьшения фона исходного изображения показывал медленно. Я хочу использовать плагин jQuery для того, чтобы этот эффект затухания (in/out) применим к ссылкам, имеющим определенные классы.

Все, что я хочу, это то, чтобы сделать .CLASS:hover на зависание или .CLASS чтобы исчезнуть, показывая .CLASS:hover медленно .CLASS:hover... не меняя на разные классы, в которых один для исходного фона, а другой для зависания,

user2217482 20 сен. 2013, в 15:10

Источник

Теги:

jquery

2 ответа

Ещё вопросы

coder · Answer 1 · 2013-09-20T10-55-00.000Z

Вы можете сделать это с помощью CSS3-Transitions. Поддержка отличная (все современные браузеры, даже IE)

#foo {background:red; @include transition(background 1s)}
#foo:hover {background:yellow}

Чистый CSS:

#foo {
background:red;
-webkit-transition:background 1s;
-moz-transition:background 1s;
-o-transition:background 1s;
transition:background 1s
}

#foo:hover {background:yellow}

anacarolinats · Answer 2 · 2013-09-20T11-32-00.000Z

Вы можете сделать это с помощью css3

.CLASS{
    background: <put the color here>;
    transition: background 0.5 ease;
}
.CLASS:hover{
    background: <put the other color here>;
}