この記事は2年以上前に書かれた記事です。現状にそぐわないかもなのでご注意を。

jQueryでキラキラさせちゃう☆SVGだって使っちゃう

jQueryのfadeInとfadeOutとdelayでキラキラさせちゃうテストです。

★画像は SVGで作成して、絶対配置したブロック要素の背景に敷いてます。
background-size を contain にして、ブロック要素のサイズに合わせて拡大縮小します。
SVGなので拡大縮小してもクッキリ表示できます。
ただSVGを背景にするとwebkit系でボケるという話も耳にしたので、検証してます。

スポンサーリンク