cinghie/yii2-animate

Asset Bundle to include Animate CSS on your Yii 2 project

1.0.2 2023-04-09 06:24 UTC

Requires

• bower-asset/animate.css: ^4.1.1
• yiisoft/yii2: ^2.0.15

BSD-3-Clause

• Gogodigital.it

• yii2
• animate
• yii2 animate
• yii2 animate css
• yii2 animate asset
• animate css

Published on Packagist.org on 2023-04-09 06:25 UTC

README

Yii 2 asset bundles for Animate.css v4.

Requirements

• Yii 2 (^2.0.15)
• bower-asset/animate.css (^4.1.1 — latest upstream as of this release is still 4.1.1)

Configure the @bower alias to vendor/bower-asset (standard Yii 2 advanced / composer-asset setup).

Installation

composer require cinghie/yii2-animate "^1.0.4"

or in composer.json:

"cinghie/yii2-animate": "^1.0.4"

Usage

Register the asset in a view (or layout):

use cinghie\animate\AnimateMinifyAsset;

// Production / default: minified CSS only
AnimateMinifyAsset::register($this);

Development (readable CSS):

use cinghie\animate\AnimateAsset;

AnimateAsset::register($this);

Animate.css v4 class names

v4 uses the animate__ prefix (the old .animated class is gone unless you load animate.compat.css yourself):

<div class="animate__animated animate__fadeIn">Hello</div>
<div class="animate__animated animate__bounce animate__delay-1s">Bounce</div>

See the full list at animate.style.

Production tip

Prefer AnimateMinifyAsset in production. Both bundles publish only their CSS file from the bower package (no docs / source tree).

License

BSD-3-Clause. Animate.css itself is MIT (see the upstream package).