phpnt/animate-css

Yii2 Animate CSS Asset

Installs: 29 219

Dependents: 4

Suggesters: 0

Security: 0

Stars: 0

Watchers: 2

Forks: 0

Open Issues: 0

Type:yii2-extension

0.0.2 2019-07-19 01:02 UTC

This package is auto-updated.

Last update: 2024-11-19 11:49:38 UTC


README

Описание:

Анимирует 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