Easing Gradient Generator ​

Settings

Initial

On Hover

Controls

Direction: to-b

Generated Code

UnoCSS classes 

bg-gradient-fn-to-b bg-gradient-fn-from-[#ffd200] bg-gradient-fn-to-[#f0008b] bg-gradient-fn-ease hover:bg-gradient-fn-from-[#7800e1] hover:bg-gradient-fn-to-[#00ccff] transition-colors duration-1s

Generated CSS