LoginSignup
4
2

More than 5 years have passed since last update.

@ampersand(ampersand)in運営者ギルド

jadeとsassで寿司を光らせる

Last updated at Posted at 2016-08-19

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

よくある集中線のエフェクトを画像を使わないで
HTMLで作れればいいな〜と思って試してみました。

できた？

スクリーンショット 2016-08-20 0.35.44.png
実装はCodepen参照

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


課題

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

結論

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

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
4
2