|
|
|
| Простите, но не знал как назвать тему иначе.
В общем при наведении прозрачность должна меняться медленно, делаю так:
$(document).ready(function()
{
$(".photo").mouseover(function()
{
$(".photo").css({opacity: 0.9}, "slow");
});
});
Но "slow" не работает, т.е. меняется мгновенно. Как сделать именно изменение стиля css и медленный эффект?
Я понимаю что можно сделать без jq а только на css, но мне нужно именно с jq и без animate, а именно изменение css значения opacity | |
|
|
|
|
|
|
|
для: Sharax
(09.09.2014 в 00:00)
| | Всё. Решено. Добавил transition в css | |
|
|
|
|
|
|
|
для: Sharax
(09.09.2014 в 00:41)
| | Еще такой вопрос возник, вращаю картинку вокруг оси Z путем добавления класса
$(".photo").mouseover(function()
{
$(this).css({"opacity": "0.9"});
$(this).addClass("rotateRight");
});
.rotateRight {
-webkit-transform: rotate3d(0,0,1,360deg);
}
она при наведении один раз прокручивается, как сделать чтобы всегда прокручивалась?
Пробовал добавить $(this).deleteClass("rotateRight"); но не срабатывает | |
|
|
|
|
|
|
|
для: Sharax
(09.09.2014 в 01:05)
| | Вы же берите во внимание тот факт, что все это будет работать только в новых браузерах, например http://htmlbook.ru/css/transition
А чтобы повтор, то нужна не трансформация, а анимация, можно, например здесь почитать об этом. | |
|
|
|