当前位置：编程学习 > html/css >>

CSS滤镜之DropShadow属性

答案：
DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面，然后在页面上显示出该对象的投影。看一看它的表达式： 
　　Filter：DropShadow（Color=color，Offx=Offx，Offy=offy，
　　　　　　　　　　　　Positive=positive） 
　　该属性一共有四个参数： Color代表投射阴影的颜色。 Offx和offy分别X方向和Y方向阴影的偏移量。偏移量必须用整数值来设置。如果设置为正整数，代表X轴的右方向和Y轴的向下方向。设置为负整数则相反。 
　　Positive参数有两个值：True为任何非透明像素建立可见的投影，False为透明的像素部分建立可见的投影。 
　　同样，我们先来看一个例子（见下图）：
　　看，图中的文字就像是从页面上飞出来一样，并且留下了一层淡淡的影子。
　　实际上在这里应用的就是CSS的DropShadow属性，我们来看一下它的代码：
　　<html>
　　　<head> 
　　　<title>dropshadow </title> 
　　　<style>//*定义CSS样式*// 
　　　<!-- 
　　　div {position:absolute；top:20；width:300；
　　　filter:dropshadow(color=#FFCCFF,offx=15,offy=10,positive=1)；} 
　　　 --> 
　　　//*定义DIV范围内的样式，绝对定位，投影的颜色为#FFCCFF， 
　　　 投影坐标为向右偏移15个像素，向下偏移10个像素*// 
　　　</style> 
　　　</head> 
　　　<body> 
　　　<div> 
　　　<p style=“font-family：matisse itc；font-size：64； 
　　　　　　　　font-weight：bold；color：#CC00CC；”> 
　　　//*定义字体名称、大小、粗细、颜色*// 
　　　Love Leaf </p> 
　　 </div> 
　　 </body> 
　　 </html>
　　和chroma属性一样，Dropshadow属性对图象的支持不好，我指的是JPEG、GIF格式的图象文件。
　　不能支持的原因与Chroma一样，因为这种图象的颜色很丰富，很难找到一个投射阴影的位置。
上一个：CSS滤镜之Chroma属性
下一个：CSS滤镜之FlipH、FlipV属性
更多图片编程知识:

  
更多html/css疑问解答：
div+css中关于ie浏览器中非啊元素的：hover的实现问题，哪位大神指点下啊
css jquery代码中为什么宽度这样设定.menu li ul 150px;.menu li ul a 110px;.menu li a中padding的20px
css 属性选择器 ie6 不支持吗？
用css、jquery做的选项卡效果，有一个小疑问，请高手指点，代码如下：
介绍本学习css的书
wordpress多个CSS样式怎么调用？
这个div 的css是如何编写的
div+css中，div的右边框小于div的高度且居中，除了用背景图片，如何实现？
表格立体感用CSS怎么写 我要 具体代码 写仔细 分段的 谢谢 了 兄弟 还有 下拉列表框 立体感用CSS 怎么写
CSS 在一个大的DIV里面，另一个DIV怎么居中并置底。
dw中html文档为什么无法链接css文档
设计一个小例子说明DIV+CSS的优势（例子要解释并注释）。
我会html css目前正在学js，打算在大三的寒假找个实习，请问应该找哪方面的实习？
css问题，跪求大大帮忙
请教网页设计高手，如下图的这种css代码怎么写？







  





CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络，