knrt.net
当前位置:首页 >> CSS3中如何实现渐变效果 >>

CSS3中如何实现渐变效果

http://www.cnblogs.com/luckly-hf/archive/2011/11/14/2248149.html

在Mozilla 下 background: -moz-linear-gradient( top,#ccc,#000); 参数说明 1,起点位置top 是从上到下,left是从左到右,left top是左上到右下 2,开始颜色, 3,结束颜色 在Webkit下 -webkit-linear-gradient(top,#ccc,#000); 参数与mozilla一致 在...

.skin1{background: -moz-radial-gradient(30px 30px, circle farthest-corner, #58ff00 0%, rgba(222, 255, 0, 0) 30%);}

css这么写就全部兼容了。 .xx{background: -webkit-linear-gradient(top,#f0f0f0 0,#e3e3e3 100%);background: -moz-linear-gradient(top,#f0f0f0 0,#e3e3e3 100%);background: -o-linear-gradient(top,#f0f0f0 0,#e3e3e3 100%);background: lin...

css问题filter: alpha(opacity=100,finishopacity=0,style=2) alpha是来设置透明度的,它的基本属性是filter:alpha(opacity,finishopacity, style,startX,startY,finishX,finishY). opacity代表透明度数,选值0-100,0是完全透明,100是不...

页面背景颜色渐变可以分为四个部分一、从上往下渐变: body{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);}二、从左上至右下渐变: body{FILTER: Alpha( style=1,opacity=25...

div { background: linear-gradient(45deg, transparent, transparent 45%, red, transparent 55%, transparent 100%); background-size: 20px 20px; background-repeat: no-repeat; }

css代码#D72727和#ffffff为颜色(其中,left代表颜色过渡方向,比如设置为bottom就会变成上下过渡,末尾的百分比为颜色的偏移量,也就是你说的50%,具体可以根据自己的需要调整): obj{ background: linear-gradient(to left,#D72727 0,#ffffff 5...

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