背景画像の透明化 ページ29
お久しぶりです
今回は新たに機能を見つけたので更新したいと思います
それはですね背景の画像をちょっと透明化にする方法です
それはこのサンプルでやりましたので参考にでもどうぞ
宇宙の謎【CSSsample】
body{
background-image:url();
background-attachment:fixed;
background-repeat:repeat;
background-size: 100% auto;
background-blend-mode:lighten;
background-color:rgba(255,255,255,0.5);
}
@media screen and (max-width:900px){
body{background-attachment:scroll;}
}
こちらがそのやり方ですね
このソ−スはふわり様も説明されてますが
これに付け加えたのが
background-repeat:repeat;
background-size: 100% auto;
background-blend-mode:lighten;
background-color:rgba(255,255,255,0.5);
こちらのソ−スとなります
background-repeat:repeat;
は繰り返しオッケ−かどうかを支持するソ−スです
background-size: 100% auto;
背景のサイズを決める数字です
私はちょうど良い感じの100を使ってます
background-color:rgba(255,255,255,0.5);
透明化の色を支持するものです
今回は白にしましたが好きな色を使うことが出来ます
background-blend-mode:lighten;
こちらが注目の透明化にできるやつです
以上が私が見つけたソ−スでした
この小説をお気に入り追加 (しおり)
登録すれば後で更新された順に見れます 175人がお気に入り
お気に入り作者に追加
違反報告 - ルール違反の作品はココから報告感想を書こう！(携帯番号など、個人情報等の書き込みを行った場合は法律により処罰の対象になります)
まゆ(プロフ) - 質問よろしいでしょうか。小説の説明文の背景の色はどうすれば変えられるのでしょうか？テーマ色を設定して、プレビューで確認したら色がつくのに、保存して小説の確認をすると色がついていません。教えてください！！ (11月11日 16時) (
レス) id: ee04455451 (このIDを非表示/違反報告)
彩花/ayaka(プロフ) - 質問なのですが、設定ソースの他にHTMLはどうするんですか？ (2022年8月19日 7時) (レス) id: cbcf5b3031 (このIDを非表示/違反報告)
空白時 - プレイリストに入れさせていただきました。 (2022年2月28日 10時) (レス) @page33 id: c09f9259d2 (このIDを非表示/違反報告)
狼狐(プロフ) - すみません。質問です。おしゃれなリンクの設定についてですが、どんな感じになるのでしょうか。また、色という所にはカラーコードを入れればよいのでしょうか。 (2022年2月27日 11時) (レス) @page33 id: 563f93d61f (このIDを非表示/違反報告)
作品は全て携帯でも見れます
同じような小説を簡単に作れます → 作成
この小説のブログパーツ
作者名：理沙 (舞花) x他5人 | 作成日時：2020年2月6日 6時
