表題の件で質問です。
ホームページの背景画像を設定するとき、最近良く上の方は薄い色で
下の方にいくと濃い色になるようなグラデーションを指定しているサイトが
多い気がするのですが、ああいう背景はどのようにして指定しているのでしょうか?
例えば白黒グラデーションで、上の方を#000で下を#fffになるような
グラデーション画像を作り、縦方向のリピートをさせずに背景を#fffで
指定すれば上が黒で下に行くとだんだん白くなるようなグラデーションに
なると思うのですが、逆の場合ってどのようにしてつくるのでしょうか?
例えばマイクロソフトのホームページがそのような感じです。
http://www.microsoft.com/ja/jp/default.aspx
こういった感じの背景にしたいとき、どのような方法でやればよいでしょうか?
ご存知の方がいらっしゃいましたら是非ご教示ください。
よろしくお願い致します。
No.2ベストアンサー
- 回答日時:
ソースを見れば一目瞭然です。
bodyの背景色はrgb(236,245,251)、「おすすめ情報」って書いてあ
る高さあたりまではこの単色が見えています。背景画像は、
http://i3.microsoft.com/ja/shared/templates/mast …
をcenter bottomで配置してrepeat-xしていますね。上部は背景色に
近いあたりでじわ~っとグラデーションしてて、下部で急速に濃く
しています。ページ上部の単色からの移行がスムーズですね。
継ぎ目を感じさせない、グラデーションカーブの妙ってヤツがキモ
で、配置はbackground-positionでbottomって言えばいいわけ。ちな
みにbackground-position-yなんて属性はCSS2.1には存在しません。
MSのサイトでも使われていないIE独自の方言でしょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(クラウドサービス・オンラインストレージ) Canva(キャンバ サムネイル作るサイト)での加工について(人物だけ、光沢感あるグラデーション) 1 2023/04/01 22:09
- フリーソフト GIMPの使い方 1 2022/07/11 13:52
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- Windows 10 zoomで自分の顔の背景 3 2023/06/07 22:34
- Windows 95・98 タスクバーの背景の色だけを変えたい。 2 2022/07/13 14:44
- 写真・ビデオ スマホ(シャープSENSE7-53C)の背景色を変更したい 2 2023/08/09 11:50
- Windows 10 壁紙フォルダが表示されない 1 2022/11/16 21:58
- デスクトップパソコン 写真(画面の1部)のようにドラッグした場所だけ黒くなります。逆にPCを立ち上げたら背景が真っ黒で、ド 1 2022/06/11 22:07
- その他(Microsoft Office) googleスプレットシートで左右の数値を比較して色判別させたい 2 2022/06/06 18:33
- その他(ブラウザ) zoomのバーチャル背景が選べない 4 2022/12/08 12:38
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
既存画像(gif または png)の背...
-
画像の白抜きの意味
-
Photoshopで、削除できますか?
-
Photoshopで背景を変えたい。
-
Illustrator(イラレ)初心者で...
-
背景透明保持、ライブトレース
-
Photoshop 被写体の背景が白く...
-
フォトショップCSで写真の背...
-
GIMP で背景が上手く切り抜けない
-
HTML作成中:背景の画像をブラ...
-
自炊したPDFの本を一度にレベル...
-
フォトショップエレメンツで作...
-
【至急】 画像2枚の背景を透明...
-
フォトショップを利用してタイ...
-
背景に画像を乗せる
-
『MMD』の背景、拡張子が分...
-
ホームページビルダーv9で作...
-
FC2ホームページ、背景画像がど...
-
pngファイルがひらけない
-
写真の背景を広げて画像を大き...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
既存画像(gif または png)の背...
-
画像の白抜きの意味
-
自作アイコンの背景が透明にな...
-
黒文字のロゴを白抜きで使いた...
-
LibreOffice Calcで背景画像の...
-
Photoshopで背景を変えたい。
-
Photoshopで、削除できますか?
-
背景透明画像
-
Illustratorで図形の背景のみを...
-
一太郎で透かしを入れる
-
アイビスペイント
-
ZOOMの背景について教えてくだ...
-
フォトショップで背景をくり抜...
-
WORD2010でチラシを作っていま...
-
ホームページビルダーで背景画...
-
『GIMP』でGIF画像を保存する際...
-
オフィスのワードで背景の色を...
-
筆ぐるめで背景を単色にしたい
-
自炊したPDFの本を一度にレベル...
-
illustratorで透明化するには?
おすすめ情報