通过以下方式搜索 
phpnt / animate-css
Yii2 Animate CSS 资产
0.0.2
2019-07-19 01:02 UTC
Requires
- php: >=5.4.0
- bower-asset/animate.css: >=3.7.2
- yiisoft/yii2: *
This package is auto-updated.
Last update: 2024-09-19 11:34:28 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>