how do i create custom dashed lines?

You can approximate it with a radial gradient:

.line {
  height: 12px;
  background: 
   radial-gradient(4px 8px, #52cc7a 80%,transparent 87%) 0 0/20px 100%;
   
}
<div class="line"></div>

CLICK HERE to find out more related problems solutions.

Leave a Comment

Your email address will not be published.

Scroll to Top