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