独自CSSでアイキャッチャーにアニメーションを設定する

独自CSSを利用することで、アイキャッチャーにアニメーションを設定することができます。アイキャッチャーを目立たせたい場合などに有効です。
 
(1) 管理画面右上の設定ボタンをクリックします。


(2)「チャット」>「デザイン」>「独自CSS」をクリックします。


(3)「独自CSSを入力」欄にデザイン変更のコードを入力し、「更新」ボタンをクリックします。

コードを追加するときは、既に書いてあるコードを消さずに追記します。

デザイン変更コード

アイキャッチャーを揺らす

 

時計回りに回転させる

 

X軸を軸に回転させる

 

Y軸を軸に回転させる

 

マウスオーバーで拡大する

 

マウスオーバーでアニメーションを一時停止する


アニメーションを設定したコードに加えて、以下のコードを追記します。
※元々あるコードは消さずに追記します。


 

その他基本的なデザイン変更コードにつきましては、こちらのページ『cssを設定してデザインを変更する』をご覧ください。

シェアする

フォローする

  • RSSを