A CSS generator for wavy circle shapes
Use an online generator to create fancy wavy circles in no time!
css-generators.com/wavy-circle
- Only one element (no pseudo-elements)
- Works with
<img>
element - Supports gradient coloration
- Powered by CSS mask
Related: css-tip.com/wavy-circle
More CSS Tips
- Inner curve/notch shape using CSS mask Create an inner curve using modern CSS and a few lines of code.
- Quantity queries using has() selector a simple way to generate a quantity query selector using modern CSS.
- Get the width of the scrollbar using only CSS Using modern CSS features to get the scrollbar width as a CSS variable.
- Count the number of lines inside a text A CSS-only solution to count the lines of text.