css3开发教程,css3最佳使用方法

首页 > 教育 > 作者:YD1662024-05-18 15:19:09

使用透明度(transparent),例如:

css3开发教程,css3最佳使用方法(13)

重复的线性渐变,例如:

css3开发教程,css3最佳使用方法(14)

2、径向渐变

径向渐变由它的中心定义。

为了创建一个径向渐变,你也必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时,你也可以指定渐变的中心、形状(圆形或椭圆形)、大小。默认情况下,渐变的中心是 center(表示在中心点),渐变的形状是 ellipse(表示椭圆形),渐变的大小是 farthest-corner(表示到最远的角落)。

例如,设置形状为圆形的径向渐变:

css3开发教程,css3最佳使用方法(15)

shape 参数定义了形状。它可以是值 circle 或 ellipse。其中,circle 表示圆形,ellipse 表示椭圆形。默认值是 ellipse。

size 参数定义了渐变的大小。它可以是以下四个值:

3、重复的径向渐变

repeating-radial-gradient() 函数用于重复径向渐变。

例如:

css3开发教程,css3最佳使用方法(16)

上一页12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.