济南网站建设

CSS3 的渐变色怎样实现?

作者:admin 分类:济南网站建设 2017-05-29 09:31:29 我要评论(0)

CSS3突变(gradients)能够让你在两个或多个指定的色彩之间显示平稳的过渡。

  曾经,你有必要运用图画来完成这些作用。但是,经过运用CSS3突变(gradients),你能够减少下载的事情和宽带的运用。此外,突变作用的元素在扩大时看起来作用非常好,因为突变(gradient)是由浏览器生成的。

  因为浏览器的不一样,所以你在代码前面需要加上浏览器的前缀:-webkit-、-moz-或-o-

  Css3线性突变:

  background:linear-gradient(direction,color-stop1,color-stop2,...);an{background:-webkit-linear-gradient(red,blue);/*Safari5.1-6.0*/background:-o-linear-gradient(red,blue);/*Opera11.1-12.0*/background:-moz-linear-gradient(red,blue);/*Firefox3.6-15*/background:linear-gradient(red,blue);/*规范的语法,必加*/}

  从左到右突变的话就需要再加一个特点:

  an{background:-webkit-linear-gradient(left,red,blue);/*Safari5.1-6.0*/background:-o-linear-gradient(right,red,blue);/*Opera11.1-12.0*/background:-moz-linear-gradient(right,red,blue);/*Firefox3.6-15*/background:linear-gradient(toright,red,blue);/*规范的语法,必加*/}

 还有格外多的特点,济南网站建设公司的小伙伴们能够自个去测验一下!

  


1.本站文章源自网络,大部分原创内容。如有发现侵权等问题,请联系删除,谢谢。
2.更多原创内容源自济南网站建设公司
        3.济南网站建设公司提供:济南建设济南手机网站制作济南网站开发济南网站优化等服务

相关文章
网友点评

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新留言
    标签列表