重ねた要素を時計回りと反時計回りに回転させる

[ ID : 9446 ]
ブロンズ
重ねた要素を時計回りと反時計回りに回転させる
実装目安
3分

概要

要素の中央に別の要素を配置して、それぞれ時計回り・反時計回りに回転させるCSSアニメーションの実装方法を紹介。

用途・要件

  • 要素の中央に別の要素を配置して、それぞれ時計回り・反時計回りに回転させる。
  • DEMOでは縦横比1:1の画像2枚を回転させている。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

関連記事

新着記事

全ての記事を見る

KONOCODEのメリット 無料会員登録