Keplerian SVG Gradient
Live Preview
Fullscreen
Current SVG Attributes
Controls
🎲 Randomize All
▶ Start Autoplay
Kepler Orbit Transform
🎲
Semi-major Axis (a):
50
Time / Manual Orbit (t):
0
▶ Auto Orbit
Gradient Stops
🎲 Colors
Stop 1 Color
Offset 1:
0%
Stop 3 Color
Offset 3:
100%
Stop 2 (Middle) Color
Offset 2:
50%
spreadMethod
Defines what happens if the gradient starts or ends inside the bounds of the object.
Pad
Reflect
Repeat