css-02

1、使用transform:scale(.7)缩放文字注意

问题：<p class="titTwo"><span>F2C</span><span>NEW</span><span>RETAIL</span></p>
问题如果是直接作用在span上面，则中间的span会距离左右两边宽度不一样。字符数不一样 ，所占的width也不一样，其中设置scale属性后，transform-origin默认为center，而transform-origin位置方向也是基于未设置scale属性时span的宽度中定位的，所以中间的span会距离右边远一点。
解决方法：在p.titTwo元素中设置transform:scale属性，中间的span设置padding就好。

2、linear-gradient渐变，实现折角，注意最后的占比为0