• 096-201-3635

Joomla! Tips

Joomla! Tips
参照数: 1212

SP Page Builder で利用できるアニメーションclassのリスト。

Joomla!におけるフロントページの構成を簡単にしてくれるページ構築用のエクステンション SP Page Builder で設定できるカラムのアニメーションリストです。

https://www.joomshaper.com/page-builder

Column Animation Sample Code

<div class="sppb-addon-containerf sppb-wow zoomIn" style="" data-sppb-wow-duration="1000ms"></div>

Animation Class List

  1. fadeIn
  2. fadeInDown
  3. fadeInDownBig
  4. fadeInLeft
  5. fadeInRight
  6. fadeInRightBig
  7. flipInX
  8. flipInY
  9. rotateIn
  10. rotateInDownLeft
  11. rotateInDownRight
  12. rotateInUpLeft
  13. rotateInUpRight
  14. zoomIn
  15. zoomInDown
  16. zoomInLeft
  17. zoomInRight
  18. zoomInUp
  19. bounceIn
  20. bounceInDown
  21. bounceInLeft
  22. bounceInRight
  23. bounceInUp

実際の動きのデモは以下のサイトで確認できます。

http://daneden.github.io/animate.css/

 

Login Form