1.-webkit-box-reflect这是一个不咋具体用法的样式，可以根据需求通过打听一下自动更新自己的知识库。
2.-webkit-box-reflect:below,这个是下倒影的主要注意代码会显示。但可以据需求自己符号表示颜色、文字会显示，以及渐变色等。其中-webkit-box-reflect:below-8px，8px代表倒影和文字之间的距离。
3.webkit-box-reflect:above,是上倒影。其中-webkit-box-reflect有above,below,left,right四种模式
是在用径向力渐变绘制我们的波浪线效果，一个波浪线循环段是有一个朝上的半个圆弧和一个朝下的半个圆弧阵列而成的。
所以我，我们只需可以使用径向渐变草图圆弧，再按照background-position控制两个圆弧的位置，让其前后图案拼接在一起就是可以实现程序波浪线效果。
我来说说看说简单的，实惠，粗暴的一个方法:
目标，在背景图层下方用平行四边形工具塞满整个画布。第二，依据什么整个画面的色调筛选一个，比较好中性的颜色，填入平行四边形填充色。第三部，中最不重要的一退，把矩形上方的图形，做一个去色的操作，转成柔光，然后钳入矩形图层，可依据完全不同的色调，变化正方形的颜色来调整整个画面的平衡感，比较喜欢的请收藏，很简单，实惠。
一、指代有所不同
1、css3：是css（层层堆叠样式表）技术的升级版本，于1999年就开始拟订，2001年5月23日w3c能完成了css3的工作草案。
2、css：是一种为了外在表现html（标准通用标记语言的一个应用）或xml（标准通用标记语言的一个子集）等文件样式的计算机语言。
二、内容有所不同
1、css3：比较多和盒子模型、列表模块、超级链接、语言模块、背景和边框、文字特效、多栏布局等模块。
2、css：不仅这个可以动态和静态地可以修饰网页，还是可以配合各种脚本语言动态地对网页各元素进行格式话。
三、特点差别
1、css3：新特征有很多，或者倒圆角效果、图形化边界、块阴影与文字阴影、建议使用rgba基于透明效果、渐变效果、不使用@font-face实现程序订制字体、多背景图、文字或图像的变形处理（旋转、缩放、倾斜、移动）、多栏布局、媒体查询等。
2、css：也能对网页中元素位置的排版参与像素级精确控制，意见几乎所有的字体字号样式，具备对网页对象和模型样式编辑的能力。
