Ordered lists with gradient drop numbered bullets

Image: Ordered lists with gradient drop numbered bullets GIF

This is a nice little snippet designed by Ines Montani, it shows a ordered number list with a drop shaped bullet with a number in it and has a gradient background.

If you are having trouble with the pen, try the archived copy on GitHub

Drop Shaped Ordered List Snippet

See the Pen CSS-only numbered lists with β€œdrop” shapes by Ines Montani (@ines) on CodePen.0

scroll to top