 |
|
 |
您现在的位置： 精品下载 >> 开发 >> 网站开发 >> CSS技术 >> 文章正文 |  用户登录  新用户注册 |
|
||||
| CSS的滤镜效果(1) | ||||
| 作者：佚名 文章来源：不详 点击数： 更新时间：2007-12-18 | ||||
在CSS中还有一样功能：滤镜…… 滤镜可以针对图形或者文字来增添一些效果…… 如果在搭配之前所写的定位以及文字的性质…… 可以在不使用图档的情况下…… 让网页有很棒的效果，而且浏览又快速…… CSS的滤镜大概有14种…… 较常以套用在：<body>……</body>，<img>，<div>……</div>，<span>……</span>……等卷标上先介绍几种滤镜： alpha 滤镜 设定性质opacity：透明度（开始） 0-100 finishopacity：透明度（结束） 0-100 style：样式 0|1|2|3 依序是 平均|直线|圆形|矩形startX：开始X startY：开始Y finishX：结束X finishY：结束Y 此滤镜可以使组件有透明的效果…… blur 滤镜 设定性质add 显示元对象 0|1 依序是 不要|要direction：影像移动方向 0-359 （一个圆） strength：模糊像的晕开幅度 0-10 此滤镜可以使原件产生模糊影像…… chroma 滤镜 设定性质color：指到不显示的颜色 colorvalue 此滤镜可将指定的颜色不显示…… dropshadow 滤镜 设定性质 color：阴影颜色 colorvalue offx：阴影位移X offy：阴影位移Y positive：阴影透明度 0表示透明 此滤镜可使组件产生阴影…… fliph 滤镜与 flipv滤镜 不用设定，fliph会产生水平静射，flipv会产生垂直镜射 glow 滤镜 color：阴影颜色strength：阴影效果 1-255 此滤镜可使组件产生像是被颜色包围的感觉，如：火焰字 以上有7种滤镜…… 使用的方式同CSS的套入一样可以建成样式文件、建在<head>……</head>之间、或者和HTML的卷标写在一起…… 如<img src="n.jpg" style="filter：glow（colot=red，strength=10">或者在<head> <style>。style1 filter（color=red，strength=10） </style> </head> |
网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）