Skip to content
Yii2 WOW
Branch: master
Clone or download
phpNT
Latest commit 631e8ab Apr 12, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore 0.0.1 Apr 12, 2017
LICENSE 0.0.1 Apr 12, 2017
README.md Update README.md Apr 12, 2017
WowAsset.php 0.0.1 Apr 12, 2017
composer.json

README.md

phpNT - Yii2 WOW

Latest Stable Version Total Downloads Latest Unstable Version License

Описание:

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

DEMO


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


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


Установка:


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


You can’t perform that action at this time.