>首页> IT >

css3渐变有几种

时间:2022-03-15 16:17:03       来源:PHP中文网

本教程操作环境: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中文网其它相关文章!

关键词: 线性渐变 相关文章 视频教程