2011-03-25 96 views
0

如何將陰影應用於使用CarrierWave保存的圖像?我找不到有關如何做到這一點的任何示例。Ruby on Rails:在Carrierwave上應用陰影

更新: 使用CSS爲圖像添加陰影的示例。如果您不喜歡圖像周圍的白色1px邊框,則可以刪除填充和邊距。它看起來雖然不錯...

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

問候 阿斯比約恩·莫雷爾

+0

你的意思是當他們在網頁上顯示? – 2011-03-25 12:51:40

+0

像這樣的東西http://www.reviewmylife.co.uk/blog/2008/08/07/batch-processing-photos-with-dos-and-imagemagick/不需要旋轉 – atmorell 2011-03-25 19:35:19

回答

1

我的建議是不要在圖像上添加邊框/陰影效果(因爲你可能需要不同的後上顯示它們),但而是使用CSS添加它們。

例如,您可以添加5像素的白色填充圖像周圍,然後用http://www.css3.info/preview/box-shadow/

IE會降低到僅僅有白色邊框像寶麗來一箱陰影。