CSS函数 css 有以下几个常用的函数 函数|描述|css版本 | attr()|返回选择元素的属性|2 calc()|返回计算后的css的属性值,可以动态的计算元素的长度或者宽度.|3 linear gradient()|创建一个线性渐变的图像(给元素设置渐变的背景色)|3 radial gra ...
分类：
Web程序 时间：
2018-03-24 19:31:46
阅读次数：
259
#语法 有三种类型的重复渐变，其中两种当前在官方规范中支持，另一种在当前的工作草案中。 每个符号的语法与其相关的渐变类型相同。例如，repeating-linear-gradient()遵循与之相同的语法linear-gradient()。 渐变重复由最终的色彩停止决定。如果这是在20px中，梯度的 ...
分类：
其他好文 时间：
2018-03-09 11:11:09
阅读次数：
175
第二十一章 CSS渐变效果 一、线性渐变 linear-gradient（方位，起始色，末尾色） (1) 方位 ：可选参考数，渐变的方位。可以使用的值：to top、to top right、to right、to bottom、to bottom left、to left、to top left。 ...
分类：
Web程序 时间：
2018-02-28 19:45:59
阅读次数：
233
1.竖直分割线 /*使用伪元素制作导航列表项分隔线*/ .nav li{background:linear-gradient(to bottom,#dd2926,#a82724,#dd2926) no-repeat right / 1px 15px;} /*删除第一项和最后一项导航分隔线*/ .na ...
分类：
Web程序 时间：
2018-02-25 14:45:57
阅读次数：
185
背景颜色线性渐变【 linear-gradient】 语法： background:linear-gradient(起点，起点颜色，过度色[可选]，终点颜色); 起点：top是从上到下、left是从左到右，如果定义成left top，那就是从左上角到右下角。 过度色：可以插入多个，表示多种颜色的渐变 ...
分类：
其他好文 时间：
2018-01-27 00:48:10
阅读次数：
181
.colorful { /* -webkit-mask-image: linear-gradient(to right, red, orange, yellow, green, cyan, blue, purple); */ background-image: linear-gradient(to ...
分类：
其他好文 时间：
2018-01-22 16:08:30
阅读次数：
184
<style>div{width:200px;height:200px;display:inline-block;}.test1,.test2{background-image:linear-gradient(45deg,red25%,transparent25%),linear-gradient(-45deg,blue25%,transparent25%),linear-gradie
分类：
Web程序 时间：
2018-01-18 16:59:15
阅读次数：
156
今天总结渐变的问题，渐变分为线性渐变、径向渐变。呼呼，废话少说， 线性渐变：background:linear-gradient(设置渐变形式,第一个颜色起点,中间颜色点 中间颜色的位置,结束点颜色); Linear:渐变的类型（线性渐变）； 渐变的形式：可选参数 有两种方式-1、设置旋转角度，0度 ...
分类：
Web程序 时间：
2018-01-10 20:21:25
阅读次数：
365
1 /*标准写法*/ 2 .item:nth-child(1) .linear-gradient { 3 background-image: linear-gradient(yellow, green); 4 } 5 6 /*多个颜色渐变*/ 7 .item:nth-child(2) .linear ...
分类：
其他好文 时间：
2018-01-10 18:46:51
阅读次数：
124
