phpnt/yii2-wow

Yii2 wow

0.0.1 2017-04-12 06:44 UTC

Requires

• php: >=5.4.0
• bower-asset/wow: *
• phpnt/animate-css: *
• yiisoft/yii2: *

MIT

• phpNT

• wow
• yii2
• phpnt
• yii2 wow

README

Описание:

Вызывает анимацию при прокрутке. Хороший Animate.css Друг :-) Легко настраиваиваются параметры анимации: стиль, задержка, длина, смещение, итерации.

DEMO

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

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

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

Установка:

php composer.phar require "phpnt/yii2-wow" "*"

или

composer require phpnt/yii2-wow

или добавить в composer.json файл

"phpnt/yii2-wow": "*"

Представление:

<?php
use phpnt\wow\WowAsset;
WowAsset::register($this);
?>

<div class="container">
    <div class="col-md-12 text-center">
        <div class="row">
            <div class="col-md-4 wow bounce">
                <p class="circle bg-primary" style="border-radius: 200px; height: 200px; width: 200px;"></p>
            </div>
            <div class="col-md-4 wow flip">
                <p class="circle bg-primary"  style="border-radius: 200px; height: 200px; width: 200px;"></p>
            </div>
            <div class="col-md-4 wow bounceInUp">
                <p class="circle bg-primary" style="border-radius: 200px; height: 200px; width: 200px;"></p>
            </div>
            <div class="col-md-4 wow zoomIn">
                <p class="circle bg-primary"  style="border-radius: 200px; height: 200px; width: 200px;"></p>
            </div>
            <div class="col-md-4 wow hinge">
                <p class="circle bg-primary" style="border-radius: 200px; height: 200px; width: 200px;"></p>
            </div>
            <div class="col-md-4 wow lightSpeedIn">
                <p class="circle bg-primary" style="border-radius: 200px; height: 200px; width: 200px;"></p>
            </div>
            <div class="col-md-4 wow rollIn">
                <p class="circle bg-primary" style="border-radius: 200px; height: 200px; width: 200px;"></p>
            </div>
            <div class="col-md-4 wow swing">
                <p class="circle bg-primary"  style="border-radius: 200px; height: 200px; width: 200px;"></p>
            </div>
            <div class="col-md-4 wow shake">
                <p class="circle bg-primary" style="border-radius: 200px; height: 200px; width: 200px;"></p>
            </div>
        </div>
    </div>
</div>

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

WOW

Лицензия:

MIT