Edited at

jadeとsassで寿司を光らせる

More than 3 years have passed since last update.


集中線的な効果をコードで書けないかという試み

よくある集中線のエフェクトを画像を使わないで

HTMLで作れればいいな〜と思って試してみました。


できた?



実装はCodepen参照

See the Pen shining_sushi by ampersand_xyz (@ampersand_xyz) on CodePen.



課題

太い線がイケてない結果になるので集中線の中心を消失点にして傾けたい。transform3dとか使ってうまく出来ないかな


結論

集中線のエフェクト、それっぽいものが出来なくはないけど素直に画像使ったほうが見栄えも工夫できるし動作も軽量だと思う