3
票
Accepted
<div width="100%"></div>内で、できるだけ大きくSVG表示したい時のviewBox属性の設定は?
viewBox は SVG の座標系の中でどの部分を見せるかを指定するもので、静止画ならたいてい固定の値を書きます。デフォルトのサイズや縦横比に影響はありますが、HTMLページ中の表示される大きさを変更するためのものであはりません。
HTMLページ中での大きさを指定するのは <img> と大体同じで、width 属性、height 属性、width CSS プロパティ、height ...
2
票
Accepted
Bootstrapでhover時に他のアイコンへ変えたい
https://ja.stackoverflow.com/a/96867/4236 でも例示しましたが、変えるべきスタイルは content だけで十分です。今回、 background-color まで変えてしまったために黒くなっています。
.bi-person:hover::before {
content: '\F4DA';
}
.bi-bag:hover::before {
...
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スタイルを変更する必要があります。
...
1
票
HTML/CSS/JSでまだら模様の波を実装したい
context.fill();を使って単色で塗りつぶしている処理をcontext.drawImage(overImage, 0, 0);で画像を描画する処理に書き換えることで実現できます。
末尾のサンプルコードはリンク先のJavaScriptを書き直した全文です。
変更点をピックアップします。
最初に画像をロードします。
let overImage = new Image();
...
Only top scored, non community-wiki answers of a minimum length are eligible
関連するタグ
css × 684html × 385
javascript × 195
jquery × 85
html5 × 63
php × 24
sass × 19
bootstrap × 18
ruby-on-rails × 17
wordpress × 17
monaca × 14
twitter-bootstrap × 12
font × 11
ios × 9
safari × 8
onsen-ui × 7
vscode × 7
google-chrome × 7
internet-explorer × 7
svg × 7
python × 6
ruby × 6
android × 5
vue.js × 5
reactjs × 5