0

Carrierwave で保存した画像にドロップ シャドウを適用するにはどうすればよいですか? これを行う方法の例が見つかりません。

更新: CSS を使用して画像に影を追加する例。画像の周りの 1px の白い境界線が気に入らない場合は、パディングとマージンを削除できます。見た目はいいけど…

.dropSmallShadow {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.255);
    margin-left: 1px;
    padding: 1px;
}

敬具 アスビョルン・モレル

4

1 に答える 1

1

画像にボーダー/ドロップシャドウを追加しないことをお勧めします (後で別の方法で表示する場合があるため)。代わりに、CSS を使用して追加します。

たとえば、画像の周りに 5 ピクセルの白いパディングを追加してから、http: //www.css3.info/preview/box-shadow/ を使用してボックス シャドウを追加できます。

IE は劣化して、ポラロイドのように白い枠だけが表示されます。

于 2011-03-25T20:24:26.520 に答える