次のタグが付いている話題の回答:

3
Accepted

<div width="100%"></div>内で、できるだけ大きくSVG表示したい時のviewBox属性の設定は?

viewBox は SVG の座標系の中でどの部分を見せるかを指定するもので、静止画ならたいてい固定の値を書きます。デフォルトのサイズや縦横比に影響はありますが、HTMLページ中の表示される大きさを変更するためのものであはりません。 HTMLページ中での大きさを指定するのは <img> と大体同じで、width 属性、height 属性、width CSS プロパティ、height ...
int32_t's user avatar
  • 8,159
2
Accepted

Bootstrapでhover時に他のアイコンへ変えたい

https://ja.stackoverflow.com/a/96867/4236 でも例示しましたが、変えるべきスタイルは content だけで十分です。今回、 background-color まで変えてしまったために黒くなっています。 .bi-person:hover::before { content: '\F4DA'; } .bi-bag:hover::before { ...
sayuri's user avatar
  • 4.2万
2
Accepted

Bootstrapでhover時に他のアイコンに変えたい

Bootstrap Icons v1.9.1 を使われているようですが、bi-1-circle-fillにはバグがあり、v1.10.0で修正されています。v1.10.0以降を使いましょう。 加えて設定しているCSSセレクタも間違っています。まず、bi-i-circle(アイ)ではなくbi-1-circle(イチ)です。更に::before疑似要素のcontentスタイルを変更する必要があります。 ...
sayuri's user avatar
  • 4.2万
1

HTML/CSS/JSでまだら模様の波を実装したい

context.fill();を使って単色で塗りつぶしている処理をcontext.drawImage(overImage, 0, 0);で画像を描画する処理に書き換えることで実現できます。 末尾のサンプルコードはリンク先のJavaScriptを書き直した全文です。 変更点をピックアップします。 最初に画像をロードします。 let overImage = new Image(); ...
payaneco's user avatar
  • 1.2万

Only top scored, non community-wiki answers of a minimum length are eligible