animate.css

Смесительные элементы могут быть вложенными, небольшой пример , вложенное bounceInDown, wobbleэффекты, и delay-2sзадержка выполнения

Категории:

• Внимание встряхивания эффект
• Отказов упругий амортизирующий эффект
• Эффект изменения прозрачности Fade
• Флип Флип эффект
• Повернуть эффект вращения
• Slide эффект скольжения
• Увеличение эффекта масштаба
• Специальные спецэффекты

Пользовательские настройки

	//初始，默认
    #yourElement{
    animate-duration: 1ms !important;    //动画持续时间
    transition-duration: 1ms !important;
    // animate-delay: 0;    //动画延迟时间
    animate-iteration-count: 1 !important;    //动画执行次数
    }

• infiniteБесконечный цикл
• delay-1s, delay-2s, delay-3s, delay-4s, delay-5sЗадержки
• fast, fasterПродолжительность: Fast
• slow, slowerПродолжительность: Slow

эффект встряхивания

• сильный удар сильный удар
• вспышки фликера
• пульсировать зум
• Rubberband зум, весна
• трясти из стороны в сторону
• Sway немного вокруг headShake
• качаться вокруг поворотного вентилятора
• тада усиление, трясти вверх и вниз, уменьшается
• Колебание вокруг небольшого (удаленная точка) Качели сектора
• Желе о встряхивая вверх и вниз

Упругие эффект демпфирования

• bounceIn
• bounceInDown
• bounceInLeft
• bounceInRight
• bounceInUp
• bounceOut
• bounceOutDown
• bounceOutLeft
• bounceOutRight
• bounceOutUp

Эффект изменения прозрачности

• FadeIn
• fadeInDown
• fadeInDownBig
• fadeInLeft
• fadeInLeftBig
• fadeInRight
• fadeInRightBig
• fadeInUp
• fadeInUpBig
• исчезать
• fadeOutDown
• fadeOutDownBig
• fadeOutLeft
• fadeOutLeftBig
• fadeOutRight
• fadeOutRightBig
• fadeOutUp
• fadeOutUpBig

эффект Rollover

• кувырок
• flipInX
• flipInY
• flipOutX
• flipOutY

эффект вращения

• rotateIn
• rotateInDownLeft
• rotateInDownRight
• rotateInUpLeft
• rotateInUpRight
• rotateOut
• rotateOutDownLeft
• rotateOutDownRight
• rotateOutUpLeft
• rotateOutUpRight

Раздвижная эффект

• slideInDown
• slideInLeft
• slideInRight
• slideInUp
• slideOutDown
• slideOutLeft
• slideOutRight
• slideOutUp

эффект масштабирования

• приблизить
• zoomInDown
• zoomInLeft
• zoomInRight
• zoomInUp
• ZoomOut
• zoomOutDown
• zoomOutLeft
• zoomOutRight
• zoomOutUp

спецэффекты

• шарнир
• Rollin
• посадочная дистанция
• lightSpeedIn
• lightSpeenOut