radial

您所在的位置:网站首页 怎么用css设置文字颜色渐变 radial

radial

2024-07-14 00:09| 来源: 网络整理| 查看: 265

渐变的位置,和解析 background-position 或者 transform-origin 的方式相同。如果没有指定,默认为 center。

渐变的结束形状。值可以是 circle(圆形,渐变的形状是一个半径不变的正圆)或 ellipse(椭圆,渐变形状是轴对称椭圆)。如果没有指定,默认为 ellipse。

确定渐变结束形状的大小。如果省略,则默认为最远角(farthest-corner)。它可以显式给出,也可以通过关键字给出。就关键字定义而言,渐变框边缘应视为向两个方向无限延伸,而不是有限线段。

对于它们的 ,圆形和椭圆渐变都接受以下关键字:

关键字 描述 closest-side 渐变结束形状如果是圆形,与容器距离渐变中心点最近的一边相切,如果是椭圆,则与距离渐变中心点最近的垂直和水平边相切。 closest-corner 渐变结束形状与容器距离渐变中心点最近的一个角相交。 farthest-side 类似于 closest-side,但是结束形状与容器距离渐变中心点最远的一边(或最远的垂直和水平边)相切。 farthest-corner 默认值,渐变的结束形状与容器距离渐变中心点最远的一个角相交。

如果 被指定为 circle,则可以为大小指定一个 值,它明确了圆的半径。负值是无效的。

如果 被指定为 ellipse,则可以使用带有两个值的 来指定椭圆的大小。第一个值表示水平半径,第二个值表示垂直半径。百分比值是相对于渐变框在相应维度上的大小的。负值是无效的。

如果 关键词被省略,渐变形状会由给定的大小决定。一个 产生圆,两个 单位的值产生椭圆。一个 值是无效的。

色标(color stop)的 值,然后是一个或两个可选的色标位置(沿渐变轴的 或 )。百分比值 0%,或者长度值 0,代表渐变的中心;值 100% 表示结束形状与虚拟渐变射线的交点。两者之间的百分比值线性定位在渐变射线上。包含两个色标位置相当于在两个位置上声明了两个颜色相同的色标。

颜色提示(color-hint)是一个插值提示,定义了渐变色在相邻色标之间的渐变方式。这个长度定义了渐变色应在两个色标之间的哪个点到达颜色过渡的中点。如果省略该值,颜色过渡的中点就是两个色标之间的中点。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3