ホームページの両端に影を付けたいと思っています。
下の画像のようなものですが、メインコンテンツが黒で両端が薄茶になっています。これは右端の部分です。
これをスタイルシートで「background-repeat: repeat-y;」で縦に繰り返せばうまく表示されます。
ところで、この影をどのようにして作成したらよいのかわかりません。
影を作る方法を教えてください。
それと、ホームページの両端につける影以外の効果でお薦めのものがあればその方法も教えてください。
基本的にはGIMPかJTrimで作成できればいいと思っています。
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
いろいろ方法はあると思いますが、
シャドウなどの機能を使うか、グラデーションで作るのが一般的かなと思います。
GIMPやJTrimでそういったことが可能かはわかりませんが…(「GIMP グラデーション」などで検索したらそれらしき解説がありそうでしたので、たぶんできると思います。。)
質問文に添付されたような画像が左右共にあるのなら(黒い部分も含めてコンテンツの横幅と同じ幅の画像であれば)、そのまま背景画像として使えば良いと思いますが、右端部分しかないのでしょうか?
両端につける効果は影ぐらいしか思い浮かびませんが、body部分全体にグラデーションやテクスチャなどの背景を使うのも良いと思います。
素材サイトなどから気に入った背景画像を探すとかでも良いですし。(フリーで提供しているサイトもあります。)
添付画像が左右共にあります。
つまり、両サイドに影を付けたいと思っています。
コンテンツの横幅と同じにして、その部分を異なる画像にすると背景画像としても使えますね。(白だと両サイドの影だけとして使えますね)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
既存画像(gif または png)の背...
-
LibreOffice Calcで背景画像の...
-
『GIMP』でGIF画像を保存する際...
-
ラインのトーク背景画像
-
スナップ写真の人物又は背景を...
-
illustratorに配置した際のピク...
-
Illustratorで図形の背景のみを...
-
GIFアニメの背景について(phot...
-
ホームページビルダーでのスク...
-
ギザギザをなくして輪郭をすっ...
-
フォトショップで切り抜いた画...
-
illustratorで透明化するには?
-
センスがいい背景画像を探して...
-
texの表について(セルの内容の...
-
discordで画像保存できない
-
CDジャケット作成時の画像サイズ
-
photoshopダブルトーン画像にRG...
-
画像管理ソフトについて
-
JPG画像のURLを得る方法に関して
-
画像に白い斑点が出現する・・・
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
既存画像(gif または png)の背...
-
黒文字のロゴを白抜きで使いた...
-
自作アイコンの背景が透明にな...
-
LibreOffice Calcで背景画像の...
-
筆ぐるめで背景を単色にしたい
-
一太郎で透かしを入れる
-
ホームページビルダーで背景画...
-
背景を動かないようにするには?
-
ワードに取り込んだ画像を背景...
-
WORD2010でチラシを作っていま...
-
自炊したPDFの本を一度にレベル...
-
この画像の背景を白く
-
Googleカレンダーの設定で、カ...
-
JTrimでスキャンした画像の背景...
-
ホームページの背景画像を両端...
-
画像の白抜きの意味
-
Photoshopで、削除できますか?
-
無数の斜線を作るには
-
Illustratorで図形の背景のみを...
-
複数の画像を配置できる壁紙フ...
おすすめ情報