1,缩放y轴的高度
采用的是缩放y轴的高度,所以要注意界面布局,有可能会有你想不到的效果.h_line{ height: 1px; border: none; border-bottom: 1px solid #c5c5c5; transform: scaleY(0.5); transform-origin: 0 0;}2
使用的时候 class = "border-t border-b ".border-t, .border-b { position: relative;}.border-t::after, .border-b::after { content: ''; position: absolute; z-index: 0; left: 0; height: 1px; width: 100%; background-color: var(--color-ch); transform: rotateX(60deg); -ms-transform: rotateX(60deg); -moz-transform: rotateX(60deg); -webkit-transform: rotateX(60deg); -o-transform: rotateX(60deg);}.border-t::after { top: 0;}.border-b::after { bottom: 0;}















