phpnt/animate-css

Yii2 Animate CSS Asset

phpNT - Animate CSS

Описание:

Анимирует HTML контент.

DEMO

### - Поддержать phpNT

Социальные сети:

• Канал YouTube
• Группа VK
• Группа facebook

Установка:, _(*1)

php composer.phar require "phpnt/animate-css" "*"

или, _(*2)

composer require phpnt/animate-css

или добавить в composer.json файл, _(*3)

"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>

Документация (примеры):

## Animate CSS

Версия:

### 0.0.1

Лицензия:

### MIT