svg

HTML/CSS

SVGを使わずにcssで区切り線を作ってみる

CSSでセクションを区切ってみる 1カラム型のページが増えて、増えてというか主流になってきて、各セクションをSVGで区切るサイトをしょっちゅう見かけ...
HTML/CSS

SVGアイコンのアクセシビリティ

最近以前作ったサイトの見直しをしていて、svgアイコンのアクセシビリティはこれで大丈夫なのか?と気になりました。 アクセシビリティとは何?という方...
HTML/CSS

svgの図形描写-2 装飾に使うCSS

「SVG 基本の図形描画」で少しふれましたが、縁取り、塗りつぶしなどSVGでは装飾に関する値を設定できます。 メンテナンスや他の要素との...
HTML/CSS

SVGで基本の図形描写 – 1 

拡大/縮小しても描写が崩れないSVG。アイコンや背景素材としてもすっかりポピュラーになりました。 今回はpathなどを使う複雑なものではなく、丸...
HTML/CSS

ホバーボタンの作り方とサンプル集

マウスホバー(マウスが対象の上にのったとき)時に変化をつけるホバーボタン。キーボードアクセシビリティを考えると:focusも同様に書いておくべきです...
カラーミーショップ

カラーミーSEO+で利用できるSVGアイコン

*当記事はカラーミーSEO+テンプレート限定の内容です。他テンプレートでは利用できませんのでお気を付けください。 カラーミーSEO+では各パーツにSVGア...
タイトルとURLをコピーしました