POCHIKING*: 画像に自動的に影をつけてテキストを回り込ませる
画像をアップしたら自動的にその大きさに合わせて影をつけて、その画像にテキストを回り込ませる方法です。そのまま影をつけたり、写真のようにフチを付けてから影をつけたりできます。 解除したいときは、タグを削ると元に戻ります。 ごみのやまさんの画像にテキスト回り込みと、朝飯前。さんの画像（写真）にフチや影をつける方法を参考にさせて頂きました。 ※バックアップをとってから行ってくださいね。 cssの設定 /* 画像に影をつける（フチなし） */ .img-bg { background-image: url(./images/shadow_001.gif); background-repeat: no-repeat; background-position: right bottom; margin: 0px; padding: 0px; position: relative; }
画像をかっこよく浮かす方法
画像をきれいに見せるためのテクニックとして、影をつける手法が有用だ。プロが作るようなサイトを見ていても、影をつけてかっこよく見せている例をよく見受けられる。もはやデザインの王道テクニックといっていいだろう。とはいえ、いちいち影をつける加工をするのは面倒だし、画像編集環境が十分にない人もいるだろう。そこで画像に動的に影をつける手法を紹介する。 (追記 2013/09/18 ) CSS3 の box-shadow や text-shadow を使えば、ここに書いてあるテクニックは不要となります* 画像に影をつける サンプルは こちら にあるので確認してみてください。 まずは画像を div タグで囲います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
