Quiero realizar el siguiente diseño con css, pero no me funciona. Este es mi código.
.card-face-path {
background: -webkit-repeating-linear-gradient(#BA68C8, #BA68C8 3px, transparent 3px, transparent 6px);
background: repeating-linear-gradient(#BA68C8, #BA68C8 3px, transparent 3px, transparent 6px);
border-color: #BA68C8;
}
.card-face-path {
position: absolute;
left: 105px;
top: 36px;
width: 2px;
height: 23px;
}
<div class="card-face-path"></div>
El resultado que deseo obtener es lo siguiente: