Twitterハートマークのエフェクト 僕はまた、ハートマークのエフェクトは、アイコンフォントなどに何かしらのエフェクトをかけているのかと思っていました。 けれど、調べてみたら、背景に画像を使って、アニメーションをしているだけでした。 画像の場所は以下。 https://abs.twimg.com/a/1457681967/img/t1/web_heart_animation.png 以下がその画像です。 で、上の画像を用いてCSSでアニメーションをしたのが以下になります。(トリガーはマウスオーバーになっています) .heart { width: 100px; height: 100px; background: url(https://nelog.jp/wp-content/uploads/2016/03/heart_animation.png) no-repeat; backgroun
![Twitterのハートマーク機能こと「いいね」のエフェクトがどうなっているのか調べてみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/a5f57fea2b88a927b9899baf41a9ded86378dfd6/height=288;version=1;width=512/https%3A%2F%2Fnelog.jp%2Fwp-content%2Fuploads%2F2016%2F03%2Fsea-beach-holiday-vacation.jpg)