背景的线形和径向渐变

本文介绍了CSS中的两种渐变类型——线性渐变和径向渐变。线性渐变允许从一个颜色平滑过渡到另一个或多个颜色,可以指定方向如toleft,totop等。径向渐变则从中心向外扩散,可定义渐变位置、形状和大小。这两种渐变都支持颜色百分比来控制过渡效果。
摘要由CSDN通过智能技术生成

 线性渐变 从一个颜色到多个颜色的渐变:
                     最少要有两个颜色,多则不限:

                   语法: background-image: linear-gradient(to 方向,渐变的颜色,渐变颜色,渐变的颜色.....);
                    to 到....
                    方向 to left top right bottom 对角 取值为正 顺时针,取值为负,逆时针
                    方向也可以省略不写
                    deg 度数
                        
            径向渐变:从中心到四周的渐变 :
                        语法: background:radial-gradient(渐变的位置,渐变起始的颜色 百分比,.....渐变结束的颜色)
                    渐变的位置 默认是center中心 百分比
                    渐变的形状 
                    渐变的大小

            重复线性渐变

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值