problem description
read teacher Damu"s article, the solution of 1px on mobile
uses postcss-write-svg
, but the border shows up and down but not left or right. I don"t know if I used it wrong
related codes
@svg 1px-border {
height: 2px;
@rect {
fill: var(--color, black);
width: 100%;
height: 50%;
}
}
-sharpdemo{
border: 1px solid transparent;
border-image: svg(1px-border param(--color -sharpc0c0c0)) 2 2 stretch;
}
The effect of is
I don"t know how to realize left and right, but also can show normal. Thank you