Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: jquery css opacity slow
 
 автор: Sharax   (09.09.2014 в 00:00)   письмо автору
 
 

Простите, но не знал как назвать тему иначе.
В общем при наведении прозрачность должна меняться медленно, делаю так:

$(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:41)   письмо автору
 
   для: Sharax   (09.09.2014 в 00:00)
 

Всё. Решено. Добавил transition в css

  Ответить  
 
 автор: Sharax   (09.09.2014 в 01:05)   письмо автору
 
   для: 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"); но не срабатывает

  Ответить  
 
 автор: confirm   (09.09.2014 в 02:37)   письмо автору
 
   для: Sharax   (09.09.2014 в 01:05)
 

Вы же берите во внимание тот факт, что все это будет работать только в новых браузерах, например http://htmlbook.ru/css/transition
А чтобы повтор, то нужна не трансформация, а анимация, можно, например здесь почитать об этом.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования