css 特效渐变

linear-gradient

语法

从上到下

从上到下渐变

.top-bottom{background:-moz-linear-gradient(top,#e97e00, #f80200);background:-webkit-linear-gradient:(top,#e97e00, #f80200); background:linear-gradient:(top,#e97e00, #f80200);float:left;}

从左到右

从左到右渐变

.left-right{background:-moz-linear-gradient(left,#e97e00, #f80200);background:-webkit-linear-gradient:(left,#e97e00, #f80200); background:linear-gradient:(left,#e97e00, #f80200);}

从左上角至右下角

从左上角至右下角

.topleft{background:-moz-linear-gradient(45deg,#e97e00, #f80200);background:-webkit-linear-gradient:(45deg,#e97e00, #f80200); background:linear-gradient:(45deg,#e97e00, #f80200);}