cssのkeyframesで画像に動きや変化のアニメーションをつけるサンプル10選 | MUGEN WEB note

html・cssの記述 html <img src="./star.svg" class="keyframe0 animation"> 共通css .animation{ animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-duration: 1.5s; } htmlとcssは、上記をベースに動かしていきます。 position: absoluteで動かすとカクカクする See the Pen by むぅ (@mugenweb) on CodePen.0 css .keyframe0{ animation-name: anim_po; position: absolute; } @keyframes ani