Shapes & Images with CSS Gradients

Featured Embed

Shapy is a CSS gradient generator that lets you create shapes and images by layering and moving around gradients on a single div tag.

Shapy is inspired by the Daily CSS Images challenge, Razvan Caliman's talk about devtools for designers, as well as Lynn Fisher's A Single Div project.

You need to become a Contributor to join the discussion.
Victoria πŸ¦„
Victoria πŸ¦„Maker@vicbergquist Β· Front-End Developer
Happy to have launched Shapy, look forward to see how you'll use it! πŸ‘©β€πŸŽ¨
H @ πŸ‡²πŸ‡Ί
H @ πŸ‡²πŸ‡Ί@echdee Β· Developer
Great way to start exploring CSS gradient πŸ€“
Dmitri Brereton
Dmitri Brereton@dkb868 Β· CS @ UCLA | Indie Hacker πŸ‘¨πŸΎβ€πŸ’»
This is magical. Also love the CSS speed art videos!