generate SVG balls that look 3D
Does your landing page suck?
Let me roast it for you so you can stop throwing money out the window:
🎈 Generate SVG balls/circles that look and feel 3D, as if they are real-world surfaces being hit by light. Just select a color, than adjust the settings for the highlight, dark area and shadow.
🌈 Behind the scenes, this generator makes use of the SVG radialGradient element , as well as of Chroma.js, which provides easy functions for coming up with lighter and darker shades of the selected color.
😎 The result is an SVG file that contains a 2D image of a circle that feels 3D. Use the generated SVGs to add a pop of dimension and real-world feel to your designs.