A decorative line with rounded dashes
Create a nice decorative line with rounded dashes using a few lines of code
- Only one element
- Responsive (no cut or partial dash)
- You can easily switch to the vertical version
- Optimized with CSS variables
Code available here: css-shape.com/rounded-dashes
Resize the below demo to notice the responsive part
See the Pen Line with rounded dashes by Temani Afif (@t_afif) on CodePen.
More CSS Shapes: css-shape.com