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%);

案列：