Joomla!におけるフロントページの構成を簡単にしてくれるページ構築用のエクステンション SP Page Builder で設定できるカラムのアニメーションリストです。
Column Animation Sample Code
<div class="sppb-addon-containerf sppb-wow zoomIn" style="" data-sppb-wow-duration="1000ms"></div>
Animation Class List
- fadeIn
- fadeInDown
- fadeInDownBig
- fadeInLeft
- fadeInRight
- fadeInRightBig
- flipInX
- flipInY
- rotateIn
- rotateInDownLeft
- rotateInDownRight
- rotateInUpLeft
- rotateInUpRight
- zoomIn
- zoomInDown
- zoomInLeft
- zoomInRight
- zoomInUp
- bounceIn
- bounceInDown
- bounceInLeft
- bounceInRight
- bounceInUp
実際の動きのデモは以下のサイトで確認できます。
http://daneden.github.io/animate.css/