[解決済み] CSS: 画像の周囲に白い光を発生させる
2023-07-04 17:40:45
質問
サイズ不明の画像の境界線に白い輝きを持たせるにはどうしたらよいでしょうか。
どのように解決するのですか?
シンプルなCSS3を使用する(IE<9では未対応)。
img
{
box-shadow: 0px 0px 5px #fff;
}
これは、ドキュメント内のすべての画像の周囲に白い輝きを与えます。輝きを与えたい画像を選択するには、より詳細なセレクタを使用します。もちろん、色を変更することもできます:)
ブラウザの最新版を持っていないユーザーについて心配している場合は、これを使用してください。
img
{
-moz-box-shadow: 0 0 5px #fff;
-webkit-box-shadow: 0 0 5px #fff;
box-shadow: 0px 0px 5px #fff;
}
IEでは、グローフィルタを使うことができます(どのブラウザがサポートしているかは不明です)。
img
{
filter:progid:DXImageTransform.Microsoft.Glow(Color=white,Strength=5);
}
設定を弄って、自分に合うものを探してみてください :)
関連
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] div 内の画像を縦に並べる方法
-
[解決済み] Markdownで画像サイズを変更する
-
[解決済み] Bitmapオブジェクトに画像を読み込む際にOutOfMemoryが発生する問題
-
[解決済み] [Solved] How do you stretch an image to fill a <div> while keeping the image's aspect-ratio?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
-
[解決済み】FFmpegで画像から動画を作成する方法は?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] .swfビューアから画像を抽出する?
-
[解決済み] URLからPNGをダウンロードする LookIntoBitcoin
-
[解決済み] RGBAカラーをRGBに変換する
-
[解決済み] アニメーションGIFの代替品にはどんなものがありますか?[クローズド]
-
[解決済み】Base64でエンコードされた画像をディスクに保存するには?
-
[解決済み] HTML5 アップロード前に画像をプリリサイズする
-
[解決済み] IrfanViewで透過画像の背景を設定する
-
[解決済み] Flutter Networkの画像が円形のアバターに収まらない
-
[解決済み] なぜエラーが発生するのですか?「JPEGファイルではありません: 0x89 0x50で始まります" [閉じる]
-
[解決済み] 画像の白背景を除去して透明にする