svgスプライトの作成と表示

SVGスプライトは、一つのSVGファイル内に、色などの設定を複数記述して必要なものを呼び出すテクニックですが、
具体的な使い方については、あまり紹介されていません。

一例をメモに残します。

SVG

HTML

DEMO

背景として表示

svg

svg

HTML

CSS

関連

WordPressでsvgファイルのアップロードや、メディア一覧でのsvgファイルの表示が簡単に行えるプラグイン
SVG Support | WordPress.org


新着記事

コメントは受け付けていません