<h1 id="nav_point_252">第16章 渐变</h1> <p class="zw">回顾2015年的网站设计，满眼都是扁平化配色。扁平化风格设计在iOS和Windows操作系统上已经成为常态。在几乎每个网站都能看到很大的扁平化色块，而且是横向平铺，几乎撑满了全屏。不仅如此，线框按钮和图标也都是扁平化的。我希望设计师们能尽快放弃这种扁平化的审美，那样人们就能看到更加丰富多彩的网站设计了。</p> <p class="zw">渐变可以为平面带来二维的视觉体验，在Photoshop或者Sketch里制作渐变图像很容易，但是在响应式设计时代，我们特别注重扩展性和性能，所以使用CSS来实现渐变还是很有必要的。</p> <p class="zw">虽然有时候SVG来实现渐变也可以，但是SVG并不是实现渐变的最简单的技术。值得庆幸的是，用CSS来实现线性、镜像、重复等各种类型的渐变非常方便。这一章，我们来介绍渐变。</p>
