分享

css滤镜之DropShadow属性简介

 WindySky 2009-07-03
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. <html>
  2. <head>
  3. <title>CSS滤镜之DropShadow属性简介-IT技术论坛</title>
  4. <style>
  5. div {position:absolute;top:20;width:350;
  6. filter:dropshadow(color=#ffccff,offx=10,offy=10,positive=1);}
  7. </style>
  8. </head>
  9. <body>
  10. <div>
  11. <p style="font-family:matisse itc;font-size:50; font-weight:bold;color:#cc00cc;">IT技术论坛 http://www.</p>
  12. </div>
  13. </body>
  14. </html>
复制代码

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多