admin 管理员组

文章数量: 1184232


2024年3月5日发(作者：代码小说)

css滤镜之DropShadow属性简介

css中的dropshadow属性是给对象添加阴影效果的。它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。

表达式：

filter：dropshadow（color=color，offx=offx，offy=offy，positive=positive）

说明：

dropshadow属性一共有四个参数：

color代表投射阴影的颜色。

offx和offy分别x方向和y方向阴影的偏移量。偏移量必须用整数值来设置。如果设置为正整数，代表x轴的右方向和y轴的向下方向。设置为负整数则相反。

positive参数有两个值：true为所有非透明像素建立可见的投影，false为透明的像素部分建立可见的投影。

dropshadow属性和chroma属性一样，Dropshadow属性对图象的支持不好，我指的是JPEG、GIF格式的图象文件，不能支持的原因与Chroma一样，因为这种图象的颜色很丰富，很难找到一个投射阴影的位置。请看下面实例:

1.

2.

3.

4. CSS滤镜之DropShadow属性简介-IT技术论坛

5.

9.

10.

11.

12.

IT技术论坛

13.

14.

15.

复制代码


本文标签： 属性 阴影 设置

版权声明：本文标题：css滤镜之DropShadow属性简介 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1709644959a542517.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。