![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
ホームページの両端に影を付けたいと思っています。
下の画像のようなものですが、メインコンテンツが黒で両端が薄茶になっています。これは右端の部分です。
これをスタイルシートで「background-repeat: repeat-y;」で縦に繰り返せばうまく表示されます。
ところで、この影をどのようにして作成したらよいのかわかりません。
影を作る方法を教えてください。
それと、ホームページの両端につける影以外の効果でお薦めのものがあればその方法も教えてください。
基本的にはGIMPかJTrimで作成できればいいと思っています。
よろしくお願いします。
![「ホームページの両端の影の作り方」の質問画像](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/2/649911_5497dbfc4a9ad/M.jpg)
No.1ベストアンサー
- 回答日時:
いろいろ方法はあると思いますが、
シャドウなどの機能を使うか、グラデーションで作るのが一般的かなと思います。
GIMPやJTrimでそういったことが可能かはわかりませんが…(「GIMP グラデーション」などで検索したらそれらしき解説がありそうでしたので、たぶんできると思います。。)
質問文に添付されたような画像が左右共にあるのなら(黒い部分も含めてコンテンツの横幅と同じ幅の画像であれば)、そのまま背景画像として使えば良いと思いますが、右端部分しかないのでしょうか?
両端につける効果は影ぐらいしか思い浮かびませんが、body部分全体にグラデーションやテクスチャなどの背景を使うのも良いと思います。
素材サイトなどから気に入った背景画像を探すとかでも良いですし。(フリーで提供しているサイトもあります。)
添付画像が左右共にあります。
つまり、両サイドに影を付けたいと思っています。
コンテンツの横幅と同じにして、その部分を異なる画像にすると背景画像としても使えますね。(白だと両サイドの影だけとして使えますね)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS htmlです。 上のところには黒文字でピカチュウで、ピカチュウの文字には影をすべてにつけてください周 1 2023/01/02 12:48
- DIY・エクステリア 自作アクリルケースの「扉」について。 画像の様に下から持ち上げるタイプの扉をつけようと思っていました 4 2022/11/12 21:32
- 心理学 アタッチメントの形成において、 養育者と子どものそれぞれがもっている特徴が、 今現在において互 1 2023/07/04 10:03
- その他(映画) 昔の映画の3Dリメイク版。どうやって作るのか? 4 2023/02/16 10:17
- ホームページ作成・プログラミング さくらサーバーに置いているホームページを改修したいです 2 2022/11/06 17:13
- Wi-Fi・無線LAN メッシュWi-Fiの接続について 3 2022/11/17 19:44
- オンラインゲーム マインクラフト(java版、v1.19.2) realms に接続できません 6 2022/11/08 14:10
- Android(アンドロイド) スマートウォッチの質問です! 1 2022/10/22 11:55
- WordPress(ワードプレス) ワードプレスの動画について 1 2022/06/01 12:48
- デジタルカメラ 一眼レフ撮影画像の上端の一部が明るいです 2 2023/08/20 11:44
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
既存画像(gif または png)の背...
-
自作アイコンの背景が透明にな...
-
黒文字のロゴを白抜きで使いた...
-
筆ぐるめで背景を単色にしたい
-
背景固定ページ
-
discordで画像保存できない
-
Googleフォトで画像が半分グレ...
-
イメージプレビューの多数画像...
-
エクセルで、特定の画像へリン...
-
エクスプローラー サムネイル表...
-
無料の「Adobe Acrobat」って、...
-
itunesのアートワークを別々に...
-
マッチングアプリ風の画像を作...
-
JW CAD の 挿入した画像への...
-
偉人の肖像画、フリー素材につ...
-
Windows 起動画面に使われてい...
-
photoshopでスタイルをコピーし...
-
ダウンロードしたHTMLの画像が...
-
フォトショップのモザイクって...
-
GIFやJPGの画像が保存できない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
既存画像(gif または png)の背...
-
白い被写体に対して白い背景の...
-
自作アイコンの背景が透明にな...
-
黒文字のロゴを白抜きで使いた...
-
LibreOffice Calcで背景画像の...
-
Photoshopで背景を変えたい。
-
Photoshopで、削除できますか?
-
筆ぐるめで背景を単色にしたい
-
Illustratorで図形の背景のみを...
-
一太郎で透かしを入れる
-
ホームページビルダーで背景画...
-
『ホームページビルダー』で、...
-
画像の白抜きの意味
-
パソコンのモニターのサイズご...
-
pngファイルがひらけない
-
ホームページビルダーでのスク...
-
背景透明保持、ライブトレース
-
FC2ホームページ、背景画像がど...
-
ホームページビルダーv9で作...
-
PhotoShopのGIFアニメで、だ...
おすすめ情報