CSS dibuja una línea recta de 0,5 px

[css] Dibuja una línea recta de 0,5 px_css dibuja una línea recta de 0,5 px_a Blog-CSDN de Strong Bubble

Algunos gráficos utilizados para decoración, como colocar íconos delante o detrás de la fuente y dibujar una línea.

Si quieres dibujar una línea muy fina, 0,5 px, ¿cómo dibujarla?

Usando la función scaleY(0.5) de la transformación de CSS3, el gráfico del objeto se deforma y se escala. 0.5 significa escalar a la mitad del tamaño original.

.btn-box::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    transform: scaleY(1);
    background-color: #0b86a6;
    left: 10px;
    top: 42px;
    
}