CSS repeating-radial-gradient() 函数实例重复的径向渐变：#grad { background-image: repeating-radial-gradient(red, yellow 10%, green 15%);} 完整实例【亲自试一试】：<
CSS repeating-linear-gradient() 函数实例重复的线性渐变：#grad { background-image: repeating-linear-gradient(red, yellow 10%, green 20%);} 完整实例【亲自试一试】：<
CSS repeating-conic-gradient() 函数定义和用法repeating-conic-gradient() 函数用于重复锥形渐变。 版本： CSS3 另请参阅：CSS 教程：CSS 渐变实例例子 1一个重复的圆
CSS radial-gradient() 函数实例带有均匀间隔色标的径向渐变：#grad { background-image: radial-gradient(red, green, blue);} 完整实例【亲自试一试】：<!DOCTYPE html><htm
CSS min() 函数定义和用法min() 函数使用以逗号分隔的值列表中的最小值作为属性值。 版本： CSS3 实例使用 min() 将 #div1 的宽度设置为最小值，50% 或 300px：#div1 {
CSS max() 函数定义和用法max() 函数使用以逗号分隔的值列表中的最大值作为属性值。 版本： CSS3 实例使用 max() 将 #div1 的宽度设置为最大的值，50% 或 300px：#div1
CSS linear-gradient() 函数实例这个线性渐变从顶部开始。它从红色开始，过渡到黄色，然后过渡到蓝色：#grad { background-image: linear-gradient(red, yellow, blue);} 完整实
CSS hsla() 函数实例定义带不透明度的不同的 HSL 颜色：#p1 {background-color:hsla(120,100%,50%,0.3);} /* 绿色 */#p2 {background-color:hsla(120,100%,75%,0.3);} /* 浅
CSS hsl() 函数实例定义不同的 HSL 颜色：#p1 {background-color:hsl(120,100%,50%);} /* 绿色 */#p2 {background-color:hsl(120,100%,75%);} /* 浅绿色 */#p3 {background-c
CSS cubic-bezier() 函数实例从开始到结束变速的过渡效果：div { width: 100px; height: 100px; background: red; transition: width 2s; transition-timing-function:
CSS counter() 函数定义和用法counter() 函数以字符串形式返回指定计数器的当前值。 版本： CSS3 另请参阅：CSS 参考手册：content 属性CSS 参考手册：counter-increment
CSS conic-gradient() 函数定义和用法conic-gradient() 函数将圆锥渐变设置为背景图像。圆锥渐变是颜色过渡围绕中心点旋转的渐变。如需创建圆锥渐变，您必须至少定义两个色标
CSS calc() 函数实例使用 calc() 计算 <div> 元素的宽度：#div1 { position: absolute; left: 50px; width: calc(100% - 100px); border: 1px solid black; background-
CSS attr() 函数实例下面的例子在每个链接后的括号中插入 href 属性的值：a:after { content: " (" attr(href) ")";} 完整实例【亲自试一试】：<!DOCTYPE html><html><head><s
CSS inherit 关键字实例将 <span> 元素的文本颜色设置为蓝色，除了在那些带有 class="extra" 的元素内部：span { color: blue;}.extra span { color: inherit;} 完整实例【亲
