2024年10月31日
原文：http://www.cnblogs.com/lankongclub/archive/2017/10/27/7741961.html
这次是简单的谈一下我们常见的渐变在各个浏览器下的兼容性问题，算一个比较简单的问题。
我们熟知的浏览器有Chrome、Firefox、Opera、Safari以及ie系列。最基础的background:#cccccc属性表示页面呈现#cccccc色，当然这个在任何浏览器下面都是满足的。但是随着我们对颜色要求的提高，引入了渐变linear-gradient，不同的浏览器对于它的认知需要加不同的前缀。通过上面的例子我们可以知道firefox:-moz-、chrome/safari/opera:-webkit-、ie:-ms-、当然ie很多版本都不接受，于是可以采取滤镜的方式处理。
2024年10月31日
上篇整体介绍了css渐变的知识，本篇将着重介绍线性渐变（linear-gradient）。
我们在网页设计中最常见的 CSS 渐变类型是 linear-gradient()。之所以称为“线性”，是因为颜色从左到右、从上到下或以您在某个方向上选择的任何角度渐变。
2024年10月31日
CSS3高级属性——转换
transform: 转换、变形
语法：
选择器 {
transform: 变形函数
}
常用的2D转换函数：transform转化
(1)位移：translate(x)、translate(x, y)，无需指定轴点
(2)旋转：rotate(值deg)，值为正数就是顺时针转，值为负数的话就是逆时针转。
2024年10月31日
先看看最终效果
这个效果非常简单，只要看完实现原理应该就是有思路了。
2024年10月31日
“等风来不如追风去，追逐的过程就是人生的意义”。
借朋友吉言，“2018在头条，2019成为头条”，这就是我2019的目标，我已经在追风的路上。你呢？不要停下脚步，继续前行吧。
今天来个实用的小知识，看下图：
很多人看到左右的波浪边框，第一想法，应该是用图片实现。现在我们就打破这一想法，用CSS搞定这个效果。
radial-gradient()
2024年10月31日
圆锥渐变类似于径向渐变。两者都是圆形的，并且使用元素的中心作为颜色的源点。径向渐变的颜色从圆的中心中心辐射，而圆锥渐变是围绕一个中心点旋转。
2024年10月31日
色彩在设计中是十分重要的，随着设计技术的发展和演变，美丽的渐变色也愈来愈受大家喜爱。但是要迅速地配出满意的渐变色需要不少时间，所以今天给大家分享一些快速生成渐变色的网站，真的非常实用又方便~