CSS3 में बाएं से दाएं ग्रेडिएंट लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          #grad1 {             height: 100px;             bac

CSS3 में ऊपर से नीचे ग्रेडिएंट लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          #grad1 {             height: 100px;             back

ग्रेडिएंट्स दो या अधिक रंगों के संयोजन को प्रदर्शित करते हैं। ग्रेडिएंट्स के निम्नलिखित प्रकार हैं: ग्रेडिएंट्स के प्रकार लीनियर ग्रेडिएंट्स (नीचे/ऊपर/बाएं/दाएं/तिरछे) रेडियल ग्रेडिएंट्स उदाहरण आइए रेडियल ग्रेडिएंट्स का एक उदाहरण देखें: <html>    <head>      

CSS का उपयोग करके div को skew x-axis के साथ घुमाने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          div {             width: 300px;           &nbs

CSS border-image-repeat प्रॉपर्टी का उपयोग बॉर्डर इमेज को राउंडेड, रिपीटेड और स्ट्रेच्ड के रूप में सेट करने के लिए किया जाता है। उदाहरण border-image-repeat प्रॉपर्टी को लागू करने के लिए निम्नलिखित कोड आज़माएं: <html>    <head>       <style>    

CSS3 में निम्नलिखित अतिरिक्त कलर प्रॉपर्टीज हैं: RGBA कलर्स HSL कलर्स HSLA कलर्स आइए देखें कि HSL कलर्स क्या हैं: HSL का अर्थ है hue, saturation, lightness। यहां, Hue कलर व्हील की डिग्री है, संतृप्ति और हल्कापन 0 से 100% के बीच प्रतिशत मान हैं। HSL का एक नमूना सिंटैक्स नीचे दिखाया गया है: #g1 {ba

RGBA का अर्थ है Red Green Blue Alpha। यह CSS2 का विस्तार है, अल्फा किसी रंग की ओपेसिटी निर्दिष्ट करता है और पैरामीटर संख्या 0.0 से 1.0 के बीच संख्यात्मक होती है। उदाहरण निम्नलिखित उदाहरण rgba कलर प्रॉपर्टी दिखाता है: <html>    <head>       <style>  

CSS3 के साथ x-axis का उपयोग करके एलिमेंट को रोटेट ट्रांसफॉर्म करने के लिए rotateX(angle) मेथड का उपयोग करें: उदाहरण <html>    <head>       <style>          div {             width: 200px;    

CSS3 के साथ y-axis का उपयोग करके एलिमेंट को रोटेट ट्रांसफॉर्म करने के लिए rotate(angle) मेथड का उपयोग करें: उदाहरण <html>    <head>       <style>          div {             width: 200px;    

HSLA का अर्थ है hue (रंग), saturation (संतृप्ति), lightness (हल्कापन), और alpha। अल्फा मान RGBA की तरह ओपेसिटी निर्दिष्ट करता है। उदाहरण निम्नलिखित उदाहरण HSLA कलर प्रॉपर्टी दिखाता है: <html>    <head>       <style>          #d1 {b

ओपेसिटी एक पतला पेंट है जिसे बढ़ाने के लिए काले रंग की आवश्यकता होती है। निम्नलिखित उदाहरण CSS3 ओपेसिटी प्रॉपर्टी दिखाता है: उदाहरण <html> <head> <style> #m1 {background-color:rgb(255,0,0);opacity:0.6;} #m2 {background-color:rgb(0,255,0);opacity:0.6;} #m3 {background-color:rgb(

लीनियर ग्रेडिएंट्स का उपयोग दो या अधिक रंगों को रैखिक प्रारूप में व्यवस्थित करने के लिए किया जाता है जैसे ऊपर से नीचे। उदाहरण CSS3 में लीनियर ग्रेडिएंट्स लागू करने के लिए निम्नलिखित कोड आज़माएं: <html>    <head>       <style>         &n

CSS का उपयोग करके div को skew y-axis के साथ घुमाने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          div {              width: 300px;          

CSS में निम्नलिखित एब्सोल्यूट यूनिट्स हैं: यूनिट्स संक्षिप्त नाम पिक्सेल्स Px पॉइंट्स Pt इंच In सेंटीमीटर Cm पिकास Pc

CSS border-image-slice प्रॉपर्टी का उपयोग बॉर्डर इमेज को स्लाइस करने के लिए किया जाता है। उदाहरण border-image-slice प्रॉपर्टी को लागू करने के लिए निम्नलिखित कोड आज़माएं: <html>    <head>       <style>          #borderimg1 {  

CSS border-image-source प्रॉपर्टी का उपयोग इमेज पाथ सेट करने के लिए किया जाता है। border-image-source प्रॉपर्टी को लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          #borderimg1 {    

CSS के साथ रोटेट आउट डाउन राइट एनिमेशन इफेक्ट बनाने के लिए, आप निम्नलिखित कोड आज़मा सकते हैं: उदाहरण <html>    <head>       <style>          .animated {             background-image: url(/css/images/lo

CSS के साथ रोटेट आउट अप लेफ्ट एनिमेशन इफेक्ट बनाने के लिए, आप निम्नलिखित कोड आज़मा सकते हैं: उदाहरण <html>    <head>       <style>          .animated {             background-image: url(/css/images/log

CSS के साथ रोटेट आउट अप राइट एनिमेशन इफेक्ट बनाने के लिए, आप निम्नलिखित कोड आज़मा सकते हैं: उदाहरण <html>    <head>       <style>          .animated {             background-image: url(/css/images/logo

scaleY(y) मेथड का उपयोग y-axis का उपयोग करके एलिमेंट को स्केल ट्रांसफॉर्म करने के लिए किया जाता है। आइए सिंटैक्स देखें: scaleY(y) यहां, y प्रत्येक बिंदु के ordinate पर लागू होने वाले स्केलिंग फैक्टर को दर्शाने वाली एक संख्या है। आइए एक उदाहरण देखें: div {    width: 60px;    heig