Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS3 मल्टी कलर ग्रेडिएंट्स


CSS3 में मल्टी-कलर ग्रेडिएंट्स लागू करने के लिए निम्नलिखित कोड आज़माएं:

उदाहरण

<html>    <head>       <style>          #grad2 {             height: 100px;             background: -webkit-linear-gradient(red, orange, yellow, red, blue, green,pink);             background: -o-linear-gradient(red, orange, yellow, red, blue, green,pink);             background: -moz-linear-gradient(red, orange, yellow, red, blue, green,pink);             background: linear-gradient(red, orange, yellow, red, blue, green,pink);          }       </style>    </head>    <body>       <div id = "grad2"></div>    </body> </html>

  1. CSS में बैकग्राउंड कलर सेट करना CSS में बैकग्राउंड कलर सेट करना

    हम background-color प्रॉपर्टी का उपयोग करके किसी एलिमेंट का बैकग्राउंड कलर निर्दिष्ट कर सकते हैं। हम मानक नामों, rgb(), rgba(), hsl() या hsla() द्वारा मान निर्दिष्ट कर सकते हैं। सिंटैक्स CSS background-color प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    background-color: /*value*/ }

  1. CSS3 रेडियल ग्रेडिएंट कैसे बनाएं? CSS3 रेडियल ग्रेडिएंट कैसे बनाएं?

    रेडियल ग्रेडिएंट एक केंद्र बिंदु से बाहर की ओर रंग फैलाता है। डिफ़ॉल्ट आकार अंडाकार (ellipse) होता है, लेकिन circle भी सेट कर सकते हैं। कम से कम दो कलर स्टॉप आवश्यक हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verdana

  1. CSS3 ट्रांसपेरेंसी और ग्रेडिएंट्स CSS3 ट्रांसपेरेंसी और ग्रेडिएंट्स

    लीनियर ग्रेडिएंट्स का उपयोग दो या अधिक रंगों को लीनियर फॉर्मेट में व्यवस्थित करने के लिए किया जाता है जैसे टॉप टू बॉटम। ट्रांसपेरेंसी जोड़ने के लिए, RGBA() फंक्शन का उपयोग करें और कलर स्टॉप्स परिभाषित करें।CSS3 का उपयोग करके ट्रांसपेरेंट लीनियर ग्रेडिएंट सेट करने का कोड निम्न है -उदाहरण<!DOCTYPE