/* 颜色渐变兼容 */ #gradient { background: -moz-linear-gradient(top,#fff 0,#fef5e1 100%); background: -o-linear-gradient(top,#fff 0,#fef5e1 100%); ...
分类:
Web程序 时间:
2015-06-30 18:05:36
阅读次数:
173
css3:linear-gradient比如:黑色渐变到白色,代码如下:.gradient{ background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(lin...
分类:
Web程序 时间:
2015-05-27 20:41:57
阅读次数:
140
想做一个首页巨幕,又不想用图片,这样速度会慢掉一点点,纯色挺丑的,只好试试渐变效果咯。CSS3有很好的颜色渐变支持,要应付一些老旧的浏览器,还是要几行代码滴。整理如下:background-p_w_picpath:-moz-linear-gradient(top,#ff4f02,#8f2c00);
/*Firefox*/
background-p_w..
分类:
Web程序 时间:
2015-05-27 01:13:24
阅读次数:
197
IE系列filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FF0000',endColorStr='#F9F900',gradientType='0');参数:startColorStr起始颜色 endColorSt...
分类:
Web程序 时间:
2015-05-19 16:18:06
阅读次数:
245
.btn-warning { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #faa732; background-image: -moz-linear-gradient(top,#fbb450,...
分类:
其他好文 时间:
2015-05-15 13:24:39
阅读次数:
132
渐变:backgroud:linear-gradient()语法:linear-gradient(起点,开始颜色,结束颜色); 起点:top,right,bottom,left,top left,top right, bottom left,bottom right,例:.test{ bac...
分类:
Web程序 时间:
2015-05-14 15:46:51
阅读次数:
119
http://daneden.github.io/animate.css/.site__title { color: #f35626; background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a); -webkit-backg...
分类:
Web程序 时间:
2015-05-12 20:55:04
阅读次数:
488
grandient 分为: linear-gradient 线性渐变,其共有三个参数,第一个参数表示线性渐变的方向,top是从上到下、left是从左到右,如果定义成left top,那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数,表示多种颜色的....
分类:
Web程序 时间:
2015-04-25 22:31:18
阅读次数:
145
/*在给元素设置渐变色时,此时的颜色是作为背景图片来显示*/
#content{ /*针对FireFox浏览器*/ background-image: -moz-linear-gradient(top,#fff,#eee); background-image:-webkit-linear-gradi...
分类:
Web程序 时间:
2015-04-22 11:26:58
阅读次数:
156
CSS3 Gradient 分为linear-gradient(线性渐变)和radial-gradient(径 向渐变)。为了更好的应用CSS3 Gradient,需要先了解一下目前的几种现代浏览器的内核,主要有Mozilla(Firefox,Flock等)、 WebKit(Safari、Chrom...
分类:
Web程序 时间:
2015-04-14 12:55:14
阅读次数:
176