Угловая Fx адаптирует Animate.css библиотека, поэтому он может быть использован в течение AngularJS-приложений для.
Это невероятное полезно инструментарий разработан Дэном Eden позволяет разработчикам легко вызвать и запустить анимацию CSS3, основанные счет использования простых классов CSS.
Директива Угловая Fx делает то же самое, только адаптируется эти классы CSS в обычай "нг" атрибуты, одним из основных AngularJS основе развития.
Кроме атрибутов, рассказывающих элемент страницы, что процедура анимации использовать, есть также атрибуты для управления скоростью воспроизведения анимации, в случае, чтобы показать в непрерывном цикле, или, чтобы скрыть / показать элемент в загрузке страницы.
Примеры и инструкции по использованию включены в пакет загрузки.
Поддерживаемые анимация процедуры:
ngfx вспышка
ngfx импульсов
ngfx-эластичный
ngfx дрожания
ngfx-качели
ngfx-тада
ngfx-колебание
ngfx-отказов в
ngfx-отказов в-вниз
ngfx-отказов в левой
ngfx-отказов в направо
ngfx-отказов в-вверх
ngfx-подпружиненная из
ngfx-подпружиненная из-вниз
ngfx-подпружиненная из левой
ngfx-подпружиненная из правой
ngfx-подпружиненная из-до
ngfx-исчезают в
ngfx-увядает-в-вниз
ngfx-увядает-в-вниз-большой
ngfx-исчезают в левой
ngfx-исчезают в левом-большой
ngfx-увядает-в-права
ngfx-исчезают в правом-большой
ngfx-увядает-в-вверх
ngfx-увядает-в-до-большой
ngfx-увядает отъезда
ngfx-увядает-из-вниз
ngfx-увядает-из-вниз большой
ngfx-увядает-Out-левый
ngfx-увядает-Out-левый-большой
ngfx-увядает-из-право
ngfx-увядает-из-право-большой
ngfx-увядает-из-до
ngfx-увядает-из-до-большой
ngfx-флип
ngfx флип-в-х
ngfx флип-в-у
ngfx флип-из х
ngfx флип-из-Y
ngfx-скорости света в
ngfx-светло-скорости из
ngfx поворота в
ngfx поворота-в-вверх-влево
ngfx поворота в план-право
ngfx поворота-в-вниз-влево
ngfx поворота-в-вниз-вправо
ngfx поворота отъезда
ngfx поворота-вне-влево до
ngfx поворота-вне до правой
ngfx поворота-вниз из-налево
ngfx поворота-вне вниз-вправо
ngfx-петля
ngfx-ролл в
ngfx-ролл-аут
ngfx-зум-в
ngfx-зум-в-вниз
ngfx-зум-в-влево
ngfx-зум-в-права
ngfx-зум-в-вверх
ngfx-зум-аут
ngfx-зум-из-вниз
ngfx-зум-Out-левый
ngfx-зум-из-право
ngfx-зум-из-до
Что нового В этом выпуске:.
- и шарнир исправление
Требования
- включен JavaScript на стороне клиента
- AngularJS 1.2 или выше
- CSS 3 включен браузер
Комментарии не найдены