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

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

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

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

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

元になるアニメーション

今回実装したやつ

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

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

Remaining : 0 characters / 0 images
100

Sign up / Continue after login

Related stories

Writer

Share

Popular stories

ローソンPBのパッケージデザインをくわしくみる

18174

iOSアプリリリースで、誰も教えてくれなかった10のこと

6482

M1 Macでnpmを使えるようにする

4976