CSS3情况色调渐变色

2021-04-05 10:32 jianzhan
隶属频道:css3基本实例教程升级 著作人:不祥 公布:deepdfhy访问:0次

渐变色便是多种多样色调混和而成的实际效果,css3要完成渐变色,就务必应用渐变色涵数来设定background或则background-imge特性。同时以便适配每个访问器(IE,safari,chrome,Firefox),还必须加上相匹配的带作为前缀的渐变色

一、线形渐变色

1、应用linear-gradient()涵数能够建立渐变色

CSS

.menu {
 background: linear-gradient(top, #1770CE, #0352a2);
 background: -ms-linear-gradient(top, #1770CE, #0352a2);
 background: -webkit-linear-gradient(top, #1770CE, #0352a2);
 background: -moz-linear-gradient(top, #1770CE, #0352a2);
 }

HTML

 div  >

image

 div  >

image