三种方法
- 利用背景图片渐变透明:(设高为1px 宽自定 线性渐变到透明 )
height:1px;
backgroung-image: linear-gradient(0deg,red,transparent 50%);
2.利用缩放: 容易发虚(设定高为1px 自定宽 然后缩放Y轴 )
height: 1px;
background-color: red;
-webkit-transfrom: scale(.5);
transfrom: scale(.5);
3.四周边框:(宽高自定 利用1px的边框 通过缩放实现)
border: 1px solid red;
-webkit-transfrom-orgin: 0 0;
transfrom-orgin: 0 0;
-webkit-transfrom: scale(.5,.5);
transfrom: scale(.5,.5);