Animista のCSSアニメーションのメモです。 rotate-right: 時計回りに回転。 rotate-left: 反時計回りに回転。 rotate-diagonal: 対角線方向に回転。 Scale scale-up: 拡大。 scale-down: 縮小。 scale-center: 中心から拡大縮小。 Translate translate-right: 右に移動。
SVGをtransformで回転させています。子要素span::beforeのbackground-imageに矢印のSVGを、span::afterのbackground-imageに回転させるSVGを指定します。 .rotating-animation span::before { width: 8px; height: 8px; background-image: url(矢印の画像パス); ...
一部の結果でアクセス不可の可能性があるため、非表示になっています。
アクセス不可の結果を表示する