【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 正文

css3的颜色线性渐变属性:几种颜色之间的平稳过渡(附完整代码)

放大字体  缩小字体 发布日期:2020-06-26 01:06:27    浏览次数:10
导读

  css3中定义了两种渐变类型:线性渐变和径向渐变。线性渐变是指两个或者两个以上颜色之间显示平稳的过渡的动画效果,我们一般在css3中使用新增的gradients属性实现这个效果,我们根据渐变的方向分为从上至下、从右至左和对角渐变,其中默认的方向是从上向下渐变。  我们需要在css3中定义两个颜色的节点,而这两个颜色

  css3中定义了两种渐变类型:线性渐变和径向渐变。线性渐变是指两个或者两个以上颜色之间显示平稳的过渡的动画效果,我们一般在css3中使用新增的gradients属性实现这个效果,我们根据渐变的方向分为从上至下、从右至左和对角渐变,其中默认的方向是从上向下渐变。

  我们需要在css3中定义两个颜色的节点,而这两个颜色就是需要平稳过渡的颜色,其中一个颜色节点为起点,另外一个颜色节点就是结束点,我们以div背景为例讲述一下background: linear-gradient(direction,colro1,color2);语法的使用。

  以上就是css3的颜色线性渐变属性:几种颜色之间的平稳过渡(附完整代码)的详细内容,更多请关注php中文网其它相关文章!

 
关键词: css渐变色
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-321844.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4