deSVG.jsを利用してSVGのマウスオーバー時に色を変えています。
▼deSVG.jsとは
http://kachibito.net/useful-resource/desvg
GoogleDeveloperToolで見ると、SVGがHTML上に展開されており、そのfillの色を変えるCSSを書くと、CSSのみでSVGの色が変更できる仕組みです。
現在、ポータルサイトの制作をしており、アイコンやボタンがかなり多数出てくるのですが、これらすべてのSVGがHTML上に書き出されるとなると、サイトパフォーマンスが心配です。
アイコン以外は同じデザインのボタンです。
deSVG.jsを使わずに、マウスオーバー後の色のSVGファイルを別で作り、簡単なJSで画像差し替えをすることも検討しておりますが、どちらが有効でしょうか?
サムネイル画像やテキスト量も多く、少しでも軽量化を図りたいと思っております。
どうぞよろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/02/10 00:45