Gradientes CSS
Lineal, radial, cónico, repeating y mesh multicapa. Multi-stop, presets y CSS listo para pegar.
Generador profesional de gradientes CSS
Lineal, radial, cónico y variantes repeating-*, más mesh por capas (radiales apiladas). Multi-stop, presets y export listo para pegar — alineado con MDN y generadores tipo uiGradients / css-magic-gradient.
Tipo
Color stops (2/12)
0%
100%
Tip: dos stops en el mismo % crean un borde duro (rayas). En repeating, el rango entre el primero y el último define el período del patrón (MDN).
Vista previa
background: linear-gradient(135deg, #6366F1 0%, #EC4899 100%);
Biblioteca de presets (34)
Referencias
- MDN — CSS gradients (linear, radial, conic + repeating-*)
- uiGradients — presets de comunidad
- css-magic-gradient — API TS linear/radial/conic + presets