
最近はやっている動くバナーをいくつか作ってみました。
何かとよく見かけるようになりましたね。
なんでもこのバナーを使うと
バナーに動きがあるので
見た人は気になって
ついつい押してしまいたくなるようです。
クリック率がアップするので
これを使わない手はないですね。
そこで作ってみたのですが
これって意外と簡単にできます。
さっそく実践で使ってみることにします。
[su_animate type="shake" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate type="tada" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate type="swing" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate type="wobble" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate type="flip" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate type="flipInX" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate type="flipOutX" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate type="flipOutY" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate type="fadeIn" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate type="fadeInUp" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate type="fadeInUpBig" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate type="fadeInDownBig" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate type="rotateIn" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate type="lightSpeedIn" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate type="hinge" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate] [su_animate type="rollIn" duration="20"][su_button size="20" center="yes"]テスト[/su_button][/su_animate]