css中颜色渐变如何实现
小编给大家分享一下css中颜色渐变如何实现,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
创新互联成立十年来,这条路我们正越走越好,积累了技术与客户资源,形成了良好的口碑。为客户提供网站设计制作、做网站、网站策划、网页设计、国际域名空间、网络营销、VI设计、网站改版、漏洞修补等服务。网站是否美观、功能强大、用户体验好、性价比高、打开快等等,这些对于网站建设都非常重要,创新互联通过对建站技术性的掌握、对创意设计的研究为客户提供一站式互联网解决方案,携手广大客户,共同发展进步。
一、LinearGradients(线性渐变)-向下/向上/向左/向右/对角方向
1.向下代码
div{
width:200px;
height:200px;
}
.gradient{
background:-webkit-linear-gradient(#8A2BE2,#DC143C);/*forsafari5.1-6.0*/
background:-o-linear-gradient(#8A2BE2,#DC143C);/*Opera11.1-12.0*/
background:-moz-linear-gradient(#8A2BE2,#DC143C);/*firefox3.6-15*/
background:linear-gradient(#8A2BE2,#DC143C);/*标准语法,必须放在最后*/
}
以上是“css中颜色渐变如何实现”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
标题名称:css中颜色渐变如何实现
分享网址:http://hbruida.cn/article/podsii.html