Ruby on Rails:使用 Carrierwave 应用投影
如何对使用 Carrierwave 保存的图像应用投影?我找不到任何有关如何执行此操作的示例。
更新: 使用 CSS 向图像添加阴影的示例。如果您不喜欢图像周围的 1 像素白色边框,可以删除内边距和边距。不过看起来不错...
.dropSmallShadow {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.255);
margin-left: 1px;
padding: 1px;
}
最好的问候 阿斯比约恩·莫雷尔
How do I apply a drop shadow to my images saved with carrierwave? I can't find any examples on how to do this.
Update:
Example for adding a shadow to images with CSS. You can remove the padding and margin if you don't like the white 1px border around the image. It looks nice though...
.dropSmallShadow {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.255);
margin-left: 1px;
padding: 1px;
}
Best regards
Asbjørn Morell
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我的建议是不要在图像中添加边框/阴影(因为稍后您可能希望以不同的方式显示它们),而是使用 CSS 添加它们。
例如,您可以在图像周围添加 5 px 的白色填充,然后使用 添加框阴影http://www.css3.info/preview/box-shadow/
IE 将降级为只有白色边框,就像宝丽来一样。
My recommendation is to not add the border/dropshadow in the image (since you may want to display them differently later on), but instead add them using CSS.
for example, you can add a 5 px white padding around the image, and then a box-shadow using http://www.css3.info/preview/box-shadow/
IE will degrade to just having the white border like a polaroid.