お知らせ

画像をＹ軸（横）回転

2019-11-26 追加

事例ー１　画像のY軸回転

テーマ設定はデフォルトなので、カスタマイズ・メニューの「ＣＳＳ追加と置換」を参照してください。

ステップ１：画像を挿入する。

ステップ２：画像にクラスを付ける（タグ編集）。
ここでは、class="nc3_logo" 　です。

ステップ３：デフォルトテーマの style.css に以下を追記する。
（サーバーのファイル・マネージャー）。

.nc3_logo {
  display: inline-block;
  animation: nc3_w205 6s linear infinite;}
@keyframes nc3_w205 {
  0%   { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); }
}
/* ３行目 nc3_w205 は任意名、@keyframes で使う。
          6s は６秒で回転 */