【CSS】背景のまわりを白くぼかしたい！
独学で学んだ知識をお教えしますˉ̡̠̭̭"( ⑉¯ །། ¯⑉ )ˉ̡̠̭̭"/* コンテンツ背景、ヘッダー以下の背景色 */の部分は、要らなければ消してくださいサイトで使用している背景は👅こちら👅【著作権フリー】 桜和風01 【無料だよˉ̡̠̭̭"( ⑉¯ །། ¯⑉ )ˉ̡̠̭̭"太っ腹～(自分で何言っとんじゃろ。こいつは)】 - sarisiya - BOOTH 周りを白くぼやかしたいこんな感じにまわりを白くぼかしたい！とういう方に必見です(*> v <*)ゞここから☟/* コンテンツ背景、ヘッダー以下の背景色 */.skin-blogBody, .skin-blogBodyInner {background: radial-gradient(ellipse at center, rgba(255,255,255,0) 40%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,1) 100%),url(https://s2.booth.pm/1b54cd94-4926-4b7c-9dc4-80cdb617436d/i/2811763/d5d07923-9a19-4636-893f-b4930d31c86d_base_resized.jpg);}☝ここまで背景を繰り返さず全体に表示させたい＞＜ここから☟/* コンテンツ背景、ヘッダー以下の背景色 */.skin-blogBody, .skin-blogBodyInner {background: radial-gradient(ellipse at center, rgba(255,255,255,0) 40%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,1) 100%),url(https://s2.booth.pm/1b54cd94-4926-4b7c-9dc4-80cdb617436d/i/2811763/d5d07923-9a19-4636-893f-b4930d31c86d_base_resized.jpg);background-size: cover;}☝ここまでbackground-size: cover; を付け加えると全体に敷けます。分かりにくかったので背景を変えてみたよˉ̡̠̭̭"( ⑉¯ །། ¯⑉ )ˉ̡̠̭̭"こっちの方が断然分かりやすい 逆に黒くぼかしたいよ！！サリシヤのmy PickAmazon（アマゾン）[TIRTIR] RECICA BIO CLEANSING BALM [ティルティル] リシカバイオクレンジングバーム 120ml2,200〜2,750円わたくしめの🐊お気に入り🦄でございまするˉ̡̠̭̭"( ⑉¯ །། ¯⑉ )ˉ̡̠̭̭"💗この匂い大好き💚Amazon（アマゾン）H.W.G. ハウジー デザイニングヘアオイル／バームワックス (バームワックス)1,485〜2,580円これはまだ使ったことないˉ̡̠̭̭"( ⑉¯ །། ¯⑉ )ˉ̡̠̭̭"💚いずれ買うかな💗楽天市場【メール便：4個まで】 アンチフォグ レンズクリーナー 5g 即効！強力 くもり止め メガネ めがね 眼鏡 サングラス ゴーグル お手入れ クリーナー 花粉対策 マスク スキー スノボ 雨の日 くもり防止 アンチフォッグ 曇り止め [ACC]550円この曇り止め最高ˉ̡̠̭̭"( ⑉¯ །། ¯⑉ )ˉ̡̠̭̭"Qoo10【terry_and_jun】マジックキス アロエ ベラ 落ちない口...3,174円色落ちしないから最高ˉ̡̠̭̭"( ⑉¯ །། ¯⑉ )ˉ̡̠̭̭"ここから☟/* コンテンツ背景、ヘッダー以下の背景色 */.skin-blogBody, .skin-blogBodyInner {background: radial-gradient(ellipse at center, rgba(0,0,0,0) 40%,rgba(0,0,0,0.5) 60%,rgba(0,0,0,1) 100%),url(https://s2.booth.pm/1b54cd94-4926-4b7c-9dc4-80cdb617436d/i/2824143/b0161372-4252-447f-beb0-079a01adce2b_base_resized.jpg);background-size: cover;}☝ここまでrgba(255,255,255,0.5) の 255 を 0 に変えるだけ！他にも色んな色にできますよ٩(´꒳`)۶他にも投稿していく予定でございまするˉ̡̠̭̭"( ⑉¯ །། ¯⑉ )ˉ̡̠̭̭"独学で勉強頑張ります
![[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]](https://hbb.afl.rakuten.co.jp/hgb/1fac7858.61614382.1fac7859.9f2f4f03/?me_id=1362832&item_id=10000499&pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Frenaxx%2Fcabinet%2Fitem%2Fperfume%2Frep-per-jo19-main.jpg%3F_ex%3D240x240&s=240x240&t=picttext "[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]")
