画出0.5px的线,css

  • Post author:
  • Post category:其他


1,box-shadow

box-shadow允许小数点,该属性可设置的值包括阴影的X轴偏移量、Y轴偏移量、模糊半径、扩散半径和颜色,所以我们可以设置他的扩散半径来实现0.5px的线

2,  transform

缩放实现的思路,transform: scaleY(0.5);

3,线性渐变linear-gradient

background: linear-gradient(0deg, #fff, #000);

边框线性渐变的答案,  同样设置任意大小的边框,通过渐变属性改变一部分边框的颜色效果,比如将一部分边框融入背景,这样就能得到想要的效果。



版权声明:本文为m0_59070120原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。