ソシャゲのガチャみたいなキラキラ星エフェクトをjsとcssで表現する

クリスマスも近いし、雰囲気だけでもとりあえずキラキラさせとけと思い、JavaScriptとCSSだけで星の煌めきみたいなエフェクトを実装した。ライブラリは何も使っておらず、IE11、MS Edge、Fireox、Chrome、Safariで動作確認済みだ。 タイトルにはソシャゲだのガチャだの書いてあるが、実際ソシャゲをやったこともないし、どんなものなのか見たこともない。ガチャなんて幼少期に100円のカードダスをやったくらいしか経験がない。 なので、自分が思うキラキラエフェクトをつくった。 イメージはこんな感じ。 キラキラ光る星っぽいエフェクトをつくる 今回は星のイメージは、ICOOON MONOの「アスタリスクの記号」をお借りした。 文字の「＊」でも問題ない。 <div id="app"> <img class="character" src="https://pbs.twimg.com/