Posted Monday, November 13, 2023
CSS Gradient Cheatsheet
...because I can never remember the syntax.
Top-down, white down to black:
background: linear-gradient(to bottom, #ffffff 0%,#000000 100%);
Left-to-right:
background: linear-gradient(to right, #ffffff 0%,#000000 100%);
Top-left to bottom-right (just change the 135deg to whatever for any direction):
background: linear-gradient(135deg, #ffffff 0%,#000000 100%);
Radial, white-center to black:
background: radial-gradient(ellipse at center, #ffffff 0%,#000000 100%);