備忘録

毎回過去のコード探すの億劫なのでまとめ。

SVG用要素サイズに合わせたグラデーション

<linearGradient id="svg-grad" x1="1" y1="1" x2="1" y2="0" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#000"/><stop offset="1" stop-color="#0000"/></linearGradient>

CSSの背景画像に直接svgを貼る

--bgimage: url('data:image/svg+xml;charset=utf-8,/*ここにsvgコード*/');

※「xmlns="http://www.w3.org/2000/svg"」も必要
※色コードなどで使う「#」は「%23」に置き換える