以编程方式生成纸张阴影

发布于 2024-11-16 01:11:37 字数 118 浏览 1 评论 0 原文

此页面上,您会注意到左边框上有一个阴影。这是用图像完成的。是否有可能完全用 CSS 或其他任何东西以编程方式产生这样的阴影。

On this page, you'll notice a shadow on the left border. It's done with an image. Is it possible to produce shadows like this entirely programmatically with CSS or anything else.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

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

发布评论

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

评论(2

甜是你 2024-11-23 01:11:37

您正在寻找 CSS3 中的 box-shadow 属性。

规范语法是:

#example1 {
box-shadow: 10px 10px 5px #888;
}

您可以使用以下语法在 Mozilla 和 WebKit 中支持:(

#example1 {
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}

这些示例来自 http://www.css3.info/preview/box-shadow/

您可以通过 CSS3 饼图

You're looking for the box-shadow property in CSS3.

The canonical syntax is:

#example1 {
box-shadow: 10px 10px 5px #888;
}

You can support in Mozilla and WebKit with the following syntax:

#example1 {
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}

(These examples are from http://www.css3.info/preview/box-shadow/ )

You can get compatibility for this in Internet Explorer with CSS3 Pie

欢你一世 2024-11-23 01:11:37

css3 中提供的 box-shadow 属性可以帮助您解决这个问题,

以实现浏览器兼容性可以这样设置,

#div {
-moz-box-shadow: 2px 3px 3px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
} 

属性是

左右模糊和颜色

the box-shadow property available in css3 can help you solve this problem

for browser compatibility you can set it this way,

#div {
-moz-box-shadow: 2px 3px 3px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
} 

the properties are

left right blur and color

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