CSS ट्रांजिशन के साथ काम करने के लिए transition प्रॉपर्टी का उपयोग करें। CSS में ट्रांजिशन लागू करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {       &nbs

रेडियल ग्रेडिएंट से सर्कल बनाने के लिए, आप निम्न कोड चलाकर देख सकते हैं। रेडियल ग्रेडिएंट में सर्कल जैसी शेप के लिए एक और पैरामीटर सेट करें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {    

CSS box-shadow प्रॉपर्टी का उपयोग करके एलिमेंट्स में शैडो जोड़ें। box-shadow प्रॉपर्टी लागू करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          h2 {         &n

ट्रांजिशन इफेक्ट बनाने के लिए, ट्रांजिशन इफेक्ट के लिए प्रॉपर्टी सेट करें। साथ ही इफेक्ट की अवधि भी सेट करें। transition: height 5s; ट्रांजिशन इफेक्ट बनाने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>   &nb

CSS से इमेज गैलरी बनाना काफी आसान है। इसे प्राप्त करने के लिए निम्न कोड चलाकर देखें। यहां 3 इमेजेज की एक गैलरी बनाई गई है: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div.myGallery {       &n

CSS से ट्रांसफॉर्म्ड एलिमेंट्स की पोजीशन बदलने के लिए transform-origin प्रॉपर्टी का उपयोग करें। उदाहरण CSS के साथ transform-origin प्रॉपर्टी कैसे काम करती है, यह सीखने के लिए निम्न कोड चलाकर देखें: <!DOCTYPE html> <html>    <head>       <style>  

CSS background-origin प्रॉपर्टी का उपयोग करके content-box वैल्यू सेट करें। content-box वैल्यू के साथ, बैकग्राउंड इमेज कंटेंट के ऊपरी बाएं कोने से शुरू होती है। content-box वैल्यू लागू करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>    

CSS से ट्रांसफॉर्म्ड एलिमेंट्स की पोजीशन बदलने के लिए transform-origin प्रॉपर्टी का उपयोग करें। पोजीशन बदलने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .demo1 {    

नेस्टेड एलिमेंट्स को 3D स्पेस में कैसे रेंडर किया जाए, यह सेट करने के लिए transform-style प्रॉपर्टी का उपयोग करें। transform-style प्रॉपर्टी लागू करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>     &

नेस्टेड एलिमेंट्स को 3D स्पेस में कैसे रेंडर किया जाए, यह निर्दिष्ट करने के लिए CSS में transform-style प्रॉपर्टी का उपयोग करें। transform-style प्रॉपर्टी लागू करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style> &

3D एलिमेंट्स को कैसे देखा जाता है, इसका पर्सपेक्टिव निर्दिष्ट करने के लिए CSS perspective प्रॉपर्टी का उपयोग करें। perspective प्रॉपर्टी के साथ काम करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>    

3D एलिमेंट्स को कैसे देखा जाता है, इसका पर्सपेक्टिव निर्दिष्ट करने के लिए CSS perspective प्रॉपर्टी का उपयोग करें। इसे प्राप्त करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          

3D एलिमेंट्स की बॉटम पोजीशन निर्दिष्ट करने के लिए perspective-origin प्रॉपर्टी का उपयोग करें। perspective-origin प्रॉपर्टी लागू करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>         .demo

किसी एट्रिब्यूट वाले एलिमेंट्स चुनने के लिए CSS [attribute] सिलेक्टर का उपयोग करें। उदाहरण के लिए, alt एट्रिब्यूट या target एट्रिब्यूट आदि। CSS [attribute] सिलेक्टर लागू करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <s

निर्दिष्ट एट्रिब्यूट और मान वाले एलिमेंट्स चुनने के लिए [attribute="value"] सिलेक्टर का उपयोग करें। CSS [attribute="value"] सिलेक्टर लागू करने के लिए निम्न कोड चलाकर देखें। यहां हमने एट्रिब्यूट rel माना है: उदाहरण <!DOCTYPE html> <html>    <head> &nbs

CSS से फेडिंग इफेक्ट बनाने के लिए, आप फेडिंग इफेक्ट के लिए निम्न कोड चलाकर देख सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 100px;   &

निर्दिष्ट मान से शुरू होने वाले एट्रिब्यूट वाले एलिमेंट्स चुनने के लिए [attribute|="value"] सिलेक्टर का उपयोग करें। CSS [attribute|="value"] सिलेक्टर लागू करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>      

शैडो में कलर जोड़ने के लिए box-shadow प्रॉपर्टी का उपयोग करें और ऊंचाई-चौड़ाई के साथ कलर सेट करें। शैडो में कलर सेट करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          h2 {  

इनपुट टाइप बटन सबमिट बटन या रीसेट बटन हो सकता है। CSS से हम वेब पेज पर किसी भी बटन को स्टाइल कर सकते हैं। इनपुट टाइप सबमिट को स्टाइल करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>        

शैडो में ब्लर इफेक्ट जोड़ने के लिए box-shadow प्रॉपर्टी का उपयोग करें। ब्लर इफेक्ट जोड़ने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          h2 {           &n