phpNT - Yii2 WOW

Описание:

Вызывает анимацию при прокрутке. Хороший 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

---