Flex css (2) 色彩渐变

7、Margins:

 

8、Padding:

 

-.色彩层滤镜：

 

 

<style>
 .myFilter{
  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#550000FF,endColorstr=#00FFFF00);
  //startColorstr 格式：#AARRGGBB  ，AA表示透明度，后面的是RGB色彩  00是完全透明，FF是不透明
 }
</style>

 

<span class="myFilter" style="width:200px;height:30px;">RR指定红色值</span>

 

二、边界图片滤镜：

.imgFilter{
  //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='geren.jpg',sizingMethod='scale'); //scale,crop,image             //在对象的背景和内容之间显示一张图片，并提供对此图片的剪切和改变尺寸的操作
 }

 

<span class="imgFilter" style="width:233px;height:200px;">RR指定红色值</span>

 

三、透明度滤镜：

.alphaFilter{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=3,finishOpacity=100,style=2);
  //opacity取值0-100(开始透明度),finishOpacity:0-100（结束透明度）,startX(渐变开始坐标)
  //startY,finishX,finishY,style取值为0,1,2,3
 }

 

<span class="alphaFilter" style="width:200px;height:30px;">RR指定红色值</span>

 

四、图片处理滤镜：（图片色彩变成灰色）

.doImgFilter{
  filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=0.6,GrayScale=1);
 }

 

<span class="doImgFilter" style="width:200px;height:30px;">RR指定红色值<img src="geren.jpg"></span>

 

五、阴影滤镜：

.shadowFilter{
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5,OffY=5,Color='gray',Positive=true);
  //color:#AARRGGBB,offX(正值向右，负值向左 ,默认为5),offY,positive(true 或者false)
 }

 

<span class="shadowFilter" style="width:200px;height:30px;"><img src="geren.jpg"></span>

 

 

评论

1 楼 zoutuo 2009-12-08  

filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#550000FF,endColorstr=#00FFFF00);

有办法让火狐也支持这个颜色渐变吗？