デジタルサイネージなどに使うと、印象に残るテキストのアニメーションエフェクトを付加してくれるプラグインです。エフェクトは、5種類紹介されていましたが、ここでは、古めのブラウザでも動かせる"fade"(上)と"spin"(下)のみを掲載しています。
設置はごく簡単で、エフェクト表示する語句をカンマ区切りしてclass="rotate"の指定をした<span>タグでくくるだけです。
IE10(Windows7)では、(下)がうまく表示されませんでした。
<h1 class="demo1">BtoB WEB 受注システム 
<span class="rotate">でコスト削減,無料で開始! 0万石,カスタマイズ可能 百万石</span>
即行稼動!</h1>

<h1 class="demo2">BtoB WEB 受注システム 
<span class="rotate">でコスト削減,無料で開始! 0万石,顧客満足度UP,カスタマイズ可能 百万石</span>
即行稼動!</h1>

BtoB WEB 受注システム でコスト削減,無料で開始! 0万石,カスタマイズ可能 百万石 即行稼動!

BtoB WEB 受注システム でコスト削減,無料で開始! 0万石,顧客満足度UP,カスタマイズ可能 百万石 即行稼動!

※引用、参考:https://github.com/peachananr/simple-text-rotator
戻るボタン