how do i create custom dashed lines?

June 5, 2022 June 5, 2022 / 1 minute of reading

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.