Snabbguide
Prova det med dina egna data när du är redo.
Prova ett exempel
Du matar in
- Börja färg (HEX)
#f00
- Andra färgen (HEX)
#00f
- Angle (degrees)
90
Du får
linear-gradient(90deg, #FF0000, #0000FF)
Så fungerar det och vilka gränser som gäller
Ange ogenomskinliga hexfärger och en CSS-vinkel från 0 till 360 grader, med hjälp av en decimalpunkt. Exempel: röd, blå och 90 ger linjär-gradient (90deg, #F0000, #0000FFF).
Kopiera resultatet som ett CSS-bakgrundsvärde. Webbläsaren kontrollerar slutlig gradient rendering.