css点击后变色_SVG第一讲——移动、缩放、旋转、变色、透明度的教学

今天是SVG第一讲，主要教学图形的移动、缩放、旋转、变色、透明度。话不多说，接下来开始吧！

第一步，打开AI，选择"文件">"新建"，新建一个图层。重命名以后点击确认。

接着，在A4画布上用矩形工具和圆形工具随意拉出三个矩形和两个圆形，颜色、大小、位置尽量如图，不需要完全一致。

接着选择"储存为"，格式类型注意保存为SVG，然后点击确认，出现如下图所示。其中CSS属性注意勾选为＂演示文稿属性＂。

随后点击最下面的SVG代码。就会弹出一个Ｔｅｘｔ文本，里面就是SVG代码。全选复制，粘贴到新建的