Ruby on Rails:使用 Carrierwave 应用投影

发布于 2024-10-25 19:06:18 字数 304 浏览 4 评论 0原文

如何对使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

镜花水月 2024-11-01 19:06:18

我的建议是不要在图像中添加边框/阴影(因为稍后您可能希望以不同的方式显示它们),而是使用 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文