CSS函数大全_含真_前端开发者

css函数(方法)参考

css函数用作各种css属性的值。

函数 描述
attr() 返回所选元素的属性值
calc() 允许您执行计算以确定css属性值
cubic-bezier() 定义Cubic Bezier曲线
hsl() 使用Hue-Saturation-Lightness模型(HSL)定义颜色
hsla() 使用Hue-Saturation-Lightness-Alpha模型(HSLA)定义颜色
linear-gradient() 将线性渐变设置为背景图像。 定义至少两种颜色(从上到下)
radial-gradient() 将径向渐变设置为背景图像。 定义至少两种颜色(中心到边缘)
repeating-linear-gradient() 重复线性渐变
repeating-radial-gradient() 重复径向渐变
rgb() 使用红 – 绿 – 蓝模型(RGB)定义颜色
rgba() 使用Red-Green-Blue-Alpha模型(RGBA)定义颜色
var() 插入自定义属性的值
函数 描述 函数 描述 函数

函数

描述

描述

attr() 返回所选元素的属性值 calc() 允许您执行计算以确定CSS属性值 cubic-bezier() 定义Cubic Bezier曲线 hsl() 使用Hue-Saturation-Lightness模型(HSL)定义颜色 hsla() 使用Hue-Saturation-Lightness-Alpha模型(HSLA)定义颜色 linear-gradient() 将线性渐变设置为背景图像。 定义至少两种颜色(从上到下) radial-gradient() 将径向渐变设置为背景图像。 定义至少两种颜色(中心到边缘) repeating-linear-gradient() 重复线性渐变 repeating-radial-gradient() 重复径向渐变 rgb() 使用红 – 绿 – 蓝模型(RGB)定义颜色 rgba() 使用Red-Green-Blue-Alpha模型(RGBA)定义颜色 var() 插入自定义属性的值 attr() 返回所选元素的属性值 attr()

attr()attr()

返回所选元素的属性值

返回所选元素的属性值

calc() 允许您执行计算以确定CSS属性值 calc()

calc()calc()

允许您执行计算以确定CSS属性值

允许您执行计算以确定CSS属性值

cubic-bezier() 定义Cubic Bezier曲线 cubic-bezier()

cubic-bezier()cubic-bezier()

定义Cubic Bezier曲线

定义Cubic Bezier曲线

hsl() 使用Hue-Saturation-Lightness模型(HSL)定义颜色 hsl()

hsl()hsl()

使用Hue-Saturation-Lightness模型(HSL)定义颜色

使用Hue-Saturation-Lightness模型(HSL)定义颜色

hsla() 使用Hue-Saturation-Lightness-Alpha模型(HSLA)定义颜色 hsla()

hsla()hsla()

使用Hue-Saturation-Lightness-Alpha模型(HSLA)定义颜色

使用Hue-Saturation-Lightness-Alpha模型(HSLA)定义颜色

linear-gradient() 将线性渐变设置为背景图像。 定义至少两种颜色(从上到下) linear-gradient()

linear-gradient()linear-gradient()

将线性渐变设置为背景图像。 定义至少两种颜色(从上到下)

将线性渐变设置为背景图像。 定义至少两种颜色(从上到下)

radial-gradient() 将径向渐变设置为背景图像。 定义至少两种颜色(中心到边缘) radial-gradient()

radial-gradient()radial-gradient()

将径向渐变设置为背景图像。 定义至少两种颜色(中心到边缘)

将径向渐变设置为背景图像。 定义至少两种颜色(中心到边缘)

repeating-linear-gradient() 重复线性渐变 repeating-linear-gradient()

repeating-linear-gradient()repeating-linear-gradient()

重复线性渐变

重复线性渐变

repeating-radial-gradient() 重复径向渐变 repeating-radial-gradient()

repeating-radial-gradient()repeating-radial-gradient()

重复径向渐变

重复径向渐变

rgb() 使用红 – 绿 – 蓝模型(RGB)定义颜色 rgb()

rgb()rgb()

使用红 – 绿 – 蓝模型(RGB)定义颜色

使用红 – 绿 – 蓝模型(RGB)定义颜色

rgba() 使用Red-Green-Blue-Alpha模型(RGBA)定义颜色 rgba()

rgba()rgba()

使用Red-Green-Blue-Alpha模型(RGBA)定义颜色

使用Red-Green-Blue-Alpha模型(RGBA)定义颜色

var() 插入自定义属性的值 var()

var()var()

插入自定义属性的值

插入自定义属性的值

 

» 本文来自:前端开发者 » 《CSS函数大全_含真_前端开发者》
» 本文链接地址:https://www.rokub.com/73291.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!