Follow me on GitHub

图片发表的日志

浏览器

纯CSS 利用“-moz-box-shadow”为图片添加阴影效果

这几天Kainy在网上闲逛见到一些博客的图片有漂亮的阴影效果,还以为是每张图片上传前处理过,可是在ie6下浏览则无阴影效果,问了好多地方都没结果,网络上查找到的也大都是用css调用带阴影图片做背景和图片结合起来,形式的阴影效果,并非纯css生成的阴影效果。

今天看到QQ空间的相册中也用到了这一效果,于是翻翻源码,经一番努力发现原来是用到了“-moz-box-shadow”这──盒子阴影。这个特性允许在任何支持盒子模型的元素上投射出“阴影”效果。

由于CSS3的盒子阴影属性目前还在发展中,所以Firefox特化的把他实现为-moz-box-shadow。这种特化方式是Firefox实现CSS中的实验属性的方法之一,在属性前面加上前缀“-moz-”。等到这个属性最终被CSS3确定之后,属性会重新命名为“box-shadow”。

为元素添加盒子阴影效果非常直观。CSS3标准中允许的取值为: More >

分享一个有趣的在线服务

Kainy并不是一个非用不可的网站,但它的确具有某些令人耳目一新的东西。不用注册你就能通过其提供的网页地址找到很多图片,并且利用这些图片拼出其他的图片。然后你就可以在Facebook上分享你的最终成果。 ShapeCollage还提供免费的桌面软件。 More >

移动设备浏览当前页