CSS3 Generator
CSS3 Generator工具帮助我们来设置元素的外观，之后将确定的元素外观粘贴到样式类文件中。
1. 下载及安装
2. 使用方法
在浏览器的右上角点开Generator插件，如下图所示：
图中右上角的红框内就是Generator插件的图标，图中插件界面下方的红框内是使用插件设计样式类的代码。如下图。
制作完样式类后，复制位于CSS3 Generator底部的全部代码。
在样式类文件编辑界面输入".+样式类名称+{ }"，并将复制的代码粘贴至{ }内。
回到文档流编辑界面，右键点击相应元素，选择逻辑→基本信息，输入对应样式类名称。如要添加多个样式类，请用一个空格键与其它样式类名称分开。
3. 功能详情
3.1 Text Shadow（文字阴影）
l Horizontal Offset：文本与阴影的垂直方向的距离。
l Vertical Offset：文本与阴影的水平方向的距离。
l Blur Radius：阴影区域的模糊度。
l Shadow Color：阴影部分的颜色。
l Opacity：阴影部分的透明度。
l 右侧绿色加号：点击后添加一个新的阴影界面。
3.2 Hex/RGBA（色彩设置）
l Hexadecimal：颜色十六进制的代码。
l RGB：颜色的RGB代码。
l RGBA：颜色的RGBa代码（a表示透明度）。
l Opacity：颜色透明度。
l Color：颜色预览。
3.3 BOX Model（盒模型）
l Rotation：盒模型旋转角度。
l Scale X：水平缩放。
l Scale Y：垂直缩放。
l Skew X：水平倾斜。
l Skew Y：垂直倾斜。
l Translate X：水平移动。
l Translate Y：垂直移动。
（2）Border Radius（边框弧度）
l Top Left：左上角的弧度。
l Top Right：右上角的弧度。
l Bottom Right：右下角的弧度。
l Bottom Left：左下角的弧度。
l Border Color：边框颜色。
（3）Box Shadow（盒阴影）
l Horizontal Offset、Vertical Offset和Blur Radius与TextShadow中介绍的功能一致。
l Spread：扩展阴影半径。勾选后面的“inset？”后，阴影投射至相反（左上）方向。
l Shadow Color：阴影部分的颜色。
l Opacity：阴影的透明度。
3.4 Columns（列）
这部分功能用于将段落分成几块，此部分在wide布局子系统中可进行实现。
l Column count：将段落分成几个区域。
l Columns Gap：各个区域间的间隔距离。
3.5 Gradients（渐变）
（1）Liner（线性渐变）
l Angle：线性渐变角度。
l Color Stop 1：设置渐变色1和区域大小。
l Color Stop 2：设置渐变色2和区域大小，同时渐变区域的清晰度。
l Add Stop：添加新的Stop颜色区域。
（2）Radial（圆形渐变）
l Type：设置图形颜色区域的形状，有圆形（circle）和椭圆形（ellipse）两种。
l Size：设置图形变化的风格。
l X Position：设置图形的X轴的位置。
l Y Position：设置图形在Y轴的位置。
l Color Stop：设置颜色和区域的大小。
（3）Striped（条纹渐变）
l Angle：设置图形中颜色区域的旋转角度。
l Color Stop：设置颜色和区域的大小。
3.6 Arrows
l Position：设置小三角的位置。
l Background：背景颜色。
l Size：设置小三角的大小。
l Border Color：设置边框的颜色。
l Border Width：设置边框的宽度。
l Offset：用于更加精确的设置小三角的位置。
3.7 Transitions（鼠标划过动画）
（1）Position（鼠标划过的时候动画移动的位置）
l Top：勾选后表示设置动画与上方边界的距离。
l Right：勾选后表示设置动画与右方边界的距离。
l Bottom：勾选后表示设置动画与下方边界的距离
l Left：勾选后表示设置动画与左方边界的距离。
（2）Edges
l Padding：勾选后表示设置动画的内边距。
l Margin：勾选后表示设置动画的外边距。
l Border Width：勾选后表示设置动画的边框厚度。
l Border Radius：勾选后表示设置动画的边框弧度。
l Animation Duration：设置动画从开始到结束所需的时间。
（3）Colors
l Color：勾选后表示设置动画元素的颜色。
l Background：勾选后表示设置动画区域的背景颜色。
l Border Color：勾选后表示设置动画后区域的边框颜色。
（4）Easing
l Animation Easing：设置动画的变化风格。
3.8 Filter（滤镜）
（1）Main Filter
l Grayscale：滤镜灰度。
l Blur：滤镜模糊程度。
l Sepia：设置使用怀旧老照片滤镜。
l Brightness：亮度。
l Hue Rotate：色调。
（2）Drop Shadow
添加一个阴影区域，点击右侧的off按钮位置，表示当前图片是否具有阴影。将off切换为on，区域内的元素就会具有阴影部分。
l Horizontal Offset：阴影区域的水平方向位置。
l Vertical Offset：阴影区域的垂直方向位置。
l Blur Radius：阴影区域的模糊程度。
l Color：阴影区域的颜色。