Css3过渡渐变的方法怎么使用

这篇文章主要介绍“ Css3过渡渐变的方法怎么使用”，在日常操作中，相信很多人在 Css3过渡渐变的方法怎么使用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答” Css3过渡渐变的方法怎么使用”的疑惑有所帮免费云主机域名助！接下来，请跟着小编一起来学习吧！过渡渐变：

CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。

-webkit-gradient(渐变类型，起点，结束点,[开始颜色，结束颜色，过渡色])

线性渐变（Linear Gradients）– 向下/向上/向左/向右/对角方向

径向渐变（Radial Gradients）– 由它们的中心定义

linear-gradient（颜色1，颜色2）

线性渐变的使用：

radial-gradient

颜色均匀分布

background: -webkit-radial-gradient(red, green, blue);

颜色按照百分比分布

background: -webkit-radial-gradient(red 5%, green 15%, blue 60%);

案列：

无标题文档

#dv{

border:1px solid #000;

width:150px;

height:150px;

/*background: -webkit-radial-gradient(red, green, blue);

background: -webkit-radial-gradient(red 5%, green 15%, blue 60%);*/

background: -webkit-radial-gradient( red, yellow, green);

}

相关推荐: parallelStream的坑实例分析

这篇文章主要讲解了“parallelStream的坑实例分析”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“parallelStream的坑实例分析”吧！很多同学喜欢使用lambda表达式，它允许你定义短小精悍的…

免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。