css 滤镜

最新推荐文章于 2024-07-19 13:44:06 发布

Owen被占用

最新推荐文章于 2024-07-19 13:44:06 发布

阅读量593

点赞数

分类专栏： javascript 文章标签： css filter 网易 class

本文链接：https://blog.csdn.net/codinghome/article/details/6790866

版权

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="gb2312">

<style type="text/css">  
#img{
  height:500px;
  width:500px;
 /**
 filter:blur(add=ture,direction=135,strength=100)
 filter:alpha(opacity=50,style=1,startX=100,startY=100,finishX=300,finishY=300);
 filter:alpha(opacity=50,style=2,startX=0,startY=100,finishX=300,finishY=300);
 filter:Xray;
filter:wave(add=true,freq=10,lightstrength=20,phase=100,strength=5);
 
 **/

}
#text{
/**
 position:absolute;
 left:200px;
 top:300px;
 background-color:yellow;
 filter:shadow(color=#cc66ff,direction=225);
 **/
 height:200px;
 width:200px;
 

 filter:dropshadow(color=#cc66ff,offx=10,offy=10,positive=1);
}
/**
.scrollbar { 
    FONT-SIZE: 12px; 
 scrollbar-face-color:#FAFAFA; 
 scrollbar-shadow-color:#E0E0E0; 
 scrollbar-highlight-color:#E0E0E0; 
 scrollbar-3dlight-color:#FAFAFA; 
 scrollbar-darkshadow-color:#FAFAFA; 
 scrollbar-track-color:#FAFAFA; 
 scrollbar-arrow-color:#E0E0E0;
 overflow-y:auto;
 width:99%;
}
**/
</style>

</head>

<body>
<img src="ht.jpg" id="img">Nice world!@</img>
<div id="text">SSSS</div>
<!--


<div class="scrollbar" 
style="width:400px;height:50px">dfsgsfsdfa</div>
-->
<p>de Think </p>
</body>

</html>

FF不支持css滤镜。所以应用上有很多限制。

参考资料：

网易css滤镜

Owen被占用

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css 滤镜

#img{ height:500px; width:500px; /** filter:blur(add=ture,direction=135,strength=100) filter:alpha(opacity=50,style=1,startX=100,startY=100,finishX=300,finishY=300); filter:alpha(opacity=50,st
复制链接

扫一扫

专栏目录