phpnt/animate-css

Yii2 Animate CSS Asset

0.0.2 2019-07-19 01:02 UTC

Requires

• php: >=5.4.0
• bower-asset/animate.css: >=3.7.2
• yiisoft/yii2: *

MIT

• phpNT

• css
• widget
• yii2
• animate
• phpnt

README

Описание:

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

DEMO

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

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

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

Установка:

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>

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

Animate CSS

Версия:

0.0.1

Лицензия:

MIT