Animates HTML content.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
AnimateCssAsset.php
LICENSE
README.md
composer.json

README.md

phpNT - Animate CSS

Описание:

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

DEMO


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


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


Установка:


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