大家知道在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%);
案列:
无标题文档










