Заставить jquery использовать css3 для своих эффектов

Question

Можно ли заставить jquery использовать переходы CSS3 для его эффектов fadeIn fadeOut?

Это сайт, предназначенный только для мобильных устройств, поэтому я хотел бы извлечь из него максимально возможную производительность.

Answer 1

Первый Результат Google - это расширенный плагин jQuery animate .

Расширение $ .animate () для обнаружения переходов CSS для Webkit, Mozilla и Operaи конвертировать анимации автоматически.Совместим с IE6 +

Поддерживаемые свойства: (еще не все)

• влево / вправо: с использованием translate (x, y) или translate3d (x, y, z)
• верх / низ: с помощью translate (x, y) или translate3d (x, y, z)
• непрозрачность
• ширина
• высота

Согласно этой странице , вы должны установить для useTranslate3d параметра плагина значение true для более плавной (с аппаратным ускорением) анимации на iDevices.

Answer 2

Я не верю, что jQuery изначально поддерживает переходы CSS3.Есть несколько плагинов, которые вы можете получить, которые сделают это за вас, но я думаю, что они почти все прибегнут к использованию JS, если CSS3 недоступен.

Обнаружение браузера может (к сожалению) стать вашим другомздесь.