Smooth.js — Плагин Jquery Для Css3-Переходов С Переходом На $.Animate

Переходы CSS3 чертовски полезны.

По сравнению с анимацией Javascript они:

1. Обеспечивает более плавные переходы;
2. Потребляет меньше ресурсов;
3. Откройте новые возможности.

   Например, автоматическая обработка матричных преобразований (CSS-преобразования);

Логичным решением было бы, чтобы IE выполнял анимацию традиционным способом, например, через $.

animate. Я предлагаю использовать плагин в таких случаях Гладкий.

js кто сделает это за вас.

Синтаксис

   

 $("#subject).

smooth({
     width: "40px",
     transform: "rotate(-45deg)",
     background: "#cbf"
 }, {
     duration: 2000,
     easing: "swing"
 });
 

   

Настройки на данный момент включают только длительность (длительность в мс) и плавность (название функции сглаживания).

Последовательная анимация

Deferred(), поэтому вы можете легко последовательно выполнить несколько анимаций:

$("#subject).

smooth({ width: "40px" }).

done(function() { $("#subject).

smooth({ transform: "rotate(-45deg)", ));

Режимы работы

При инициализации он пытается установить режим css, при использовании ie - "jquery".

Режим можно установить вручную в любой момент:

$.

fn.smooth.configure({ mode: "jquery" });

Заключение

Теги: #переходы #jQuery #плагин #IE #анимация #анимация #JavaScript

• Вас Интересует Услуга Loadbalancer?

  19 Oct, 24

• Вы Выбрали Базу Данных Карточек Для Своего Бизнеса?

  19 Oct, 24

• Thngs - Онлайн-Каталог Всех Вещей

  19 Oct, 24

• Снижение Эксплуатационных Расходов Центра Обработки Данных

  19 Oct, 24

• Установка Облегченного Jabber-Сервера Prosody С Аутентификацией Ldap Через Sasl

  19 Oct, 24

• Чего Стоит Бояться В Отношении Облачных Вычислений?

  19 Oct, 24

• Что Предпочесть: Собственные Ресурсы, Закупку Или Аутсорсинг?

  19 Oct, 24

• Мобильная Vr-Игра На Unreal Engine: Подводные Камни

  19 Oct, 24

• Вы Зависимы От Хабра?

  19 Oct, 24

• Капча. Взлом И Методы Защиты

  19 Oct, 24