The page https://bennettfeely.com/clippy/ is a tool for creating shapes using the CSS clip-path function.

The clip-path property allows you to create complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset) or to an SVG source. The page was created by Bennett Feely, who is a web developer and the creator of many other interesting projects related to CSS.

Enter the two colors for which you want to transition and click - generate. 

You'll find several different generators on the site. There is also a gallery of ready-to-use effects next to each generator.

This is a simple CSS multigenerator. There is a gradient generator, but the CSS transforms and filters are worth paying attention to.

Jason Macfarlane has created a tool that will make the work of a web designer easier. Especially the CSS animation generator. Why?