phpnt / animate-css
Yii2 Animate CSS Asset
Installs: 28 881
Dependents: 4
Suggesters: 0
Security: 0
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Type:yii2-extension
Requires
- php: >=5.4.0
- bower-asset/animate.css: >=3.7.2
- yiisoft/yii2: *
This package is auto-updated.
Last update: 2024-10-19 11:39:43 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>