CSS CSS3线性和径向渐变
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS CSS3线性和径向渐变相关的知识，希望对你有一定的参考价值。
.gradient.linear {
/* fallback color */
background:#555555;
/* Webkit legacy syntax */
background:-webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#000000));
/* >= Gecko 1.9.2 */
background:-moz-linear-gradient(#FFFFFF,#000000);
/* Webkit new syntax */
background:-webkit-linear-gradient(#FFFFFF,#000000);
/* < IE8 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#000000);
/* >= IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#000000)";
}
.gradient.radial {
/* fallback color */
background:#555555;
/* Webkit legacy syntax */
background:-webkit-gradient(radial,center center,0,center center,100,from(#FFFFFF),to(#000000));
/* >= Gecko 1.9.2 */
background:-moz-radial-gradient(#FFFFFF,#000000);
/* Webkit new syntax */
background:-webkit-radial-gradient(#FFFFFF,#000000);
}
以上是关于CSS CSS3线性和径向渐变的主要内容，如果未能解决你的问题，请参考以下文章
CSS3技巧：利用css3径向渐变做一张优惠券
第22章 CSS渐变效果
第97天：CSS3渐变和过渡详解
css3渐变色彩
CSS3 渐变的用法
css3 gradient 渐变