linear-gradient() angle 📐

The demo below is done in linear-gradient playground.
Special thanks to Mike White for the awesome playground ✨

How does angle argument makes a change

Gradient starts from white⬜️ to red🟥.

0deg = to top

45deg = to right top

90deg = to right

180deg = to bottom

270deg = to left

360deg(Same as 0deg)

gif

Reference

• linear-gradient() - CSS: Cascading Style Sheets | MDN

Comments

[Temani Afif]

to right top is not equal to 45deg: jsfiddle.net/50e2cwv1/

[TK]

Thanks for your comment and the demo!