SVG

如何用SVG画一个泡泡？渐变在网页设计中几乎随处可见，渐变的背景、文字、按钮、图表等等，相比于纯色，渐变的颜色显得更加灵动自然。

在 SVG 中，如果我们想实现一个动画效果，可以使用 CSS，JS，或者直接使用 SVG 中自带的 animate 元素（SMIL）。这里我们主要探讨SVG与CSS结合实现的一些常见动画效果。

本文主要讲了svg的使用、基础图标绘制、图标尺寸和颜色自适应原理、以及图标组件的封装，以便在项目中更优雅的使用svg。