fkjj.net
当前位置:首页 >> Css3的透明度渐变 >>

Css3的透明度渐变

css3支持颜色渐变,但目前主流浏览器对css3支持都不完全,甚至不支持.所以你可以使用背景图片来做,你要竖向渐变,可以将图片切成宽1px的背景,然后设置这个div的背景平铺.如:background:url(bg.gif) left right repeat-x;

.div{opacity:1;transition:opacity 4s;}.div:hover{opacity:.05;}

要得上面的线性渐变效果,我们这样去定义CSS3样式:background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firefox */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f02), color-stop(1, #8f2c00)); /* Saf

线性渐变;椭圆渐变;

css中filter仅支持ie6以及以上版本,其余浏览器,包括firefox,chrome,opera,Safari都不支持.要在这些版本设置透明度,可用opacity属性,支持的浏览器包括IE 9.0,Firefox,Safari,Chrome,opera.opacity取值在0到1之间浮动以下是示例代码<!

你的js能让图片从初始状态变到不透明,那说明filter:alpha(opacity)的opacity你用js控制到100了.并且在到100以后你的js就停止运算了.检查js逻辑,让opacity变化到100后开始减小.目前情况肯定是到100后没有执行opacity减小的代码.

把一个图层拷贝到另外一个背景图层上,然后调一下不透明度就可以了.在右下角可以设置不透明度.靠,楼上的,你居然发病毒!!我下了就被卡巴斯基查杀了!!可耻!

css中除了设置display:none,还要设置opacity:0也就是说,一开始就要把透明度设为完全透明,否则的话,当鼠标第一次放上去,show()运行后按钮就立刻出来了!

css3可以直接设置背景变色.这是IE的代码 body { filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=1); } 代码主要有三个参数,依次是:startcolorstr, endcolorstr, 以及gradientType.其中

filter:alpha(opacity:);opacity:;一个ie一个chrome,ff

网站首页 | 网站地图
All rights reserved Powered by www.fkjj.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com