SVGでアウトラインをカスタマイズしてみよう

2014年7月30日 SVG これまで、二回ほどSVGに関する記事を書きましたが、SVGの面白さは伝わっていますかね…！？今回はSVGのアウトライン（線）の装飾に注目！オブジェクトを徐々に描いていくラインエフェクトにも挑戦します！SVGの基本的な情報や書き方は過去記事「アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう」をご覧ください！ ↑私が10年以上利用している会計ソフト！ SVG線種プロパティの基礎 基本的な書き方ですが、SVGのコード内に直接記述する方法と、CSSで指定する方法があります。例えば stroke プロパティを使う場合： <svg viewBox="0 0 200 200"> <line x1="10" y1="10" x2="190" y2="190" stroke="#000"/> </svg> のように、 stroke="#000" と直接記述しても

[lemondm7]

やっぱり困ったときはWebクリエイターボックスですよね。初心に帰るの巻。

[otchy210]

CSS3 アニメの上手い使い方だなぁ。やってみたい。

[gurimmer]

かっこいい！こんなことできるんだ

[qrac_jp]

ラインアートが描いているように表示される効果はこれか！！

[kussun]

やっぱりCSS3と相性がいいな。