phpnt / yii2-wow
Yii2 wow
Installs: 961
Dependents: 1
Suggesters: 0
Security: 0
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Type:yii2-extension
Requires
- php: >=5.4.0
- bower-asset/wow: *
- phpnt/animate-css: *
- yiisoft/yii2: *
This package is auto-updated.
Last update: 2024-10-27 02:44:04 UTC
README
Описание:
Вызывает анимацию при прокрутке. Хороший 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>