本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
两种渐变方式:
线性渐变(Linear Gradients):沿着一根轴线改变颜色,从起点到终点颜色进行顺序渐变。
background:linear-gradient(direction,color-stop1,color-stop2,……);
径向渐变(Radial Gradients):从起点到终点颜色从内而外沿进行圆形渐变。
background:radial-gradient(center,shape size,start-color,……,last-color);
示例代码:
效果图:
1.上下线性渐变
2.左右线性渐变
3.对角线性渐变
4.径向渐变
(学习视频分享:css视频教程、web前端)
以上就是css3渐变有几种的详细内容,更多请关注php中文网其它相关文章!