Установка:
php composer.phar require "phpnt/animate-css" "*"
или
composer require phpnt/animate-css
или добавить в composer.json файл
"phpnt/animate-css": "*"
<?php
use phpnt\animateCss\AnimateCssAsset;
AnimateCssAsset::register($this);
// теперь, ко всем элементам, которые имеют класс animated, применяется анимация
?>
<div class="col-md-4 col-md-offset-4 text-center">
<div class="animated fadeInDown" style="margin-top: 30px; padding: 5px 5px 5px 5px; background-color: #00a7d0;">
<h3 style="margin-top: 5px;">fadeInDown</h3>
</div>
</div>
<div class="col-md-4 col-md-offset-4 text-center">
<div class="animated bounceInRight" style="margin-top: 30px; padding: 5px; background-color: #ce8483;">
<h3 style="margin-top: 5px;">bounceInRight</h3>
</div>
</div>
<div class="col-md-4 col-md-offset-4 text-center">
<div class="animated slideInLeft" style="margin-top: 30px; padding: 5px; background-color: #2AA198;">
<h3 style="margin-top: 5px;">slideInLeft</h3>
</div>
</div>
<div class="col-md-4 col-md-offset-4 text-center">
<div class="animated rotateInUpRight" style="margin-top: 30px; padding: 5px; background-color: #77ee77;">
<h3 style="margin-top: 5px;">rotateInUpRight</h3>
</div>
</div>