一、文本颜色渐变 <gradient> ：可以应用在所有接受图像的属性上，允许使用简单的语法实现颜色渐变，以便UA在渲染页面自动生成图像。 语法：<gradient> = linear-gradient() | repeating-linear-gradient() | radial-gradien ...
分类：
Web程序 时间：
2019-07-10 18:31:07
阅读次数：
163
目录 1. border radius 2. box shadow 3. text shadow 4. gradients linear gradient radial gradient 5. transition 6. animation 7. multi columns 8. flex box ...
分类：
Web程序 时间：
2019-05-10 16:19:31
阅读次数：
215
恢复内容开始 水平渐变 linear gradients 语法 background:linear-gradient(direction，color1，color2，……) Direction 0% 在0%处 是纯红色 20%是纯蓝色 如果最后一个值不是100% 代表从这个值到100%都是纯oran ...
分类：
Web程序 时间：
2019-05-07 19:42:45
阅读次数：
928
兼容当前五大浏览器的渐变颜色背景gradient的写法<style type="text/css" media="screen"> #gradient { width: 200px; height: 200px; /* 如果浏览器不支持渐变，使用图像作为背景 */ background: url(g ...
分类：
Web程序 时间：
2019-05-07 10:16:53
阅读次数：
199
来源 css渐变 CSS 中设置的渐变是 gradient 数据类型，它是一种特别的image数据类型。使用background-image设置，可叠加设置多个； CSS3 定义了两种类型的渐变（gradients）： 线性渐变 linear-gradient() 渐变的实现由两部分组成：渐变线和色 ...
分类：
Web程序 时间：
2019-04-19 13:23:00
阅读次数：
210
一、渐变边框 虽然border-image和linear-gradient()配合在一起，能实现渐变的边框效果，但它也有一定的缺陷性，比如我们项目中的按钮是带圆角的。那么对于这种情形，就算是你使用了border-radius也是无用： 这是因为border-image中引用的是一张不带圆角的图片（l ...
分类：
其他好文 时间：
2019-01-31 13:04:34
阅读次数：
227
https://blog.csdn.net/qq_18661257/article/details/50640633 对于linear-gradient()我学习的时候，查了很多资料，但是发现不管是网上还是一些书籍，都没有将这个属性的运用讲得明白，清楚，对此，我写了这篇博客，虽然不能保证每一位读者都 ...
分类：
其他好文 时间：
2019-01-30 15:52:19
阅读次数：
203
层级：z-index:10; 大的在上面（可以为负） 动画样式：渐变过渡动画 线性渐变 background: linear-gradient(red, blue); 默认从上到下可多个颜色 background: linear-gradient(rgba(255,0,0,0), rgba(255, ...
分类：
Web程序 时间：
2019-01-07 00:11:05
阅读次数：
230
<style> /*线性渐变*/ div{ width: 300px; height: 300px; /*添加渐变：渐变不是一个单一钩，它产生的是图像，所以需要使用background*/ /*linear-gradient(方向，开始颜色 位置，颜色2 位置，颜色3 位置...);*/ /*方向： ...
分类：
其他好文 时间：
2018-12-27 03:22:37
阅读次数：
193
效果图： html： <div class='site_bar'>首页</div> css: .site_bar{ background-image : linear-gradient(red,red); background-position : center bottom; background ...
分类：
Web程序 时间：
2018-12-05 21:01:57
阅读次数：
374
