5 replies

Linear Gradients

Hi all, I'm trying to add two linear-gradients on a div - one starting from the right and one starting from the left-most corner. When I'm separating both the gradients only one of them persists. Can someone tell me what am I doing wrong?

background: linear-gradient(-90deg, #FF6D00, #FF6D00 20px, #FD4602 20px), linear-gradient(139deg, #FF6D00, #FF6D00 98px,#FD4602 98px);

background: linear-gradient(-90deg, #FF6D00, #FF6D00 20px, #FD4602 20px), linear-gradient(139deg, #FF6D00, #FF6D00 98px,#FD4602 98px);

background: linear-gradient(-90deg, #FF6D00, #FF6D00 20px, #FD4602 20px), linear-gradient(139deg, #FF6D00, #FF6D00 98px,#FD4602 98px);

background: linear-gradient(-90deg, #FF6D00, #FF6D00 20px, #FD4602 20px), linear-gradient(139deg, #FF6D00, #FF6D00 98px,#FD4602 98px);

I want the white part to be the 2nd gradient that I've mentioned.
Thanks

Linear Gradients

Similar Threads

Similar Threads

Similar Threads