いいねボタンのCSSアニメーション

いいねボタンのCSSアニメーション

(追記 : gif画像が動かないので対策考えます、、)

https://cocoda-design.com/daily-cocoda/3/projects/1

デザイナーの勉強サイトみたいなところで出されたお題をAdobe XDというデザインソフトでgif画像まで作ったんですが、動くところまでちゃんと実装したいな、と思いコーディングしました

元になるアニメーション

今回実装したやつ

CSSのアニメーションはSVGアニメーションやAfter Effectsより簡素なものしか作れませんが、実装コストやレンダリングを考慮するとCSSアニメーションの方が優位になる場合があります。

よく考えて使いこなしていけるといいですね

100

記事を書いた人