लीनियर ग्रेडिएंट पर एंगल जोड़ने के लिए linear-gradient() का उपयोग करें। आप 0, 90, और -90 डिग्री एंगल सेट करने के लिए निम्न कोड चलाकर देख सकते हैं:
उदाहरण
<!DOCTYPE html> <html> <head> <style> #demo1 { height: 100px; background: linear-gradient(0deg, orange, blue); } #demo2 { height: 100px; background: linear-gradient(90deg, orange, blue); } #demo3 { height: 100px; background: linear-gradient(-90deg, orange, blue); } </style> </head> <body> <h2>Linear Gradients</h2> <div id = "demo1">0 degree</div><br> <div id = "demo2">90 degrees</div><br> <div id = "demo3">-90 degrees</div> </body> </html>
