在此页面上,您会注意到左边框上有一个阴影。这是用图像完成的。是否有可能完全用 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.
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 饼图
The canonical syntax is:
You can support in Mozilla and WebKit with the following syntax:
(These examples are from http://www.css3.info/preview/box-shadow/ )
You can get compatibility for this in Internet Explorer with CSS3 Pie
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,
the properties are
left right blur and color
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
暂无简介
文章 0 评论 0
接受
发布评论
评论(2)
您正在寻找 CSS3 中的
box-shadow
属性。规范语法是:
您可以使用以下语法在 Mozilla 和 WebKit 中支持:(
这些示例来自 http://www.css3.info/preview/box-shadow/ )
您可以通过 CSS3 饼图
You're looking for the
box-shadow
property in CSS3.The canonical syntax is:
You can support in Mozilla and WebKit with the following syntax:
(These examples are from http://www.css3.info/preview/box-shadow/ )
You can get compatibility for this in Internet Explorer with CSS3 Pie
css3 中提供的 box-shadow 属性可以帮助您解决这个问题,
以实现浏览器兼容性可以这样设置,
属性是
左右模糊和颜色
the box-shadow property available in css3 can help you solve this problem
for browser compatibility you can set it this way,
the properties are
left right blur and color