CSS से लीनियर ग्रेडिएंट रिपीट करने के लिए repeating-linear-gradient() फंक्शन का उपयोग करें। इसे लागू करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {     &nbs

सभी एनिमेशन प्रॉपर्टीज़ सेट करने की शॉर्टहैंड प्रॉपर्टी animation है। यह एनिमेशन अवधि, एनिमेशन नाम आदि सेट करती है। एनिमेशन शॉर्टहैंड प्रॉपर्टी के साथ काम करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>  

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

CSS के साथ रेडियल ग्रेडिएंट से समान दूरी वाले कलर स्टॉप बनाने के लिए कम से कम दो कलर स्टॉप परिभाषित करें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {             height

CSS के साथ एनिमेशन शुरू होने में देरी सेट करने के लिए animation-delay प्रॉपर्टी का उपयोग करें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             width: 150px;  

एनिमेशन फॉरवर्ड चले, बैकवर्ड, या अल्टरनेट साइकल में, यह तय करने के लिए animation-direction प्रॉपर्टी का उपयोग करें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {            

CSS के साथ एनिमेशन के लिए फिल-मोड सेट करने के लिए animation-fill-mode प्रॉपर्टी का उपयोग करें। इसके वैल्यूज़ हैं forwards, backward, both दोनों दिशाओं के लिए, आदि। एनिमेशन के लिए फिल-मोड सेट करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>  

एनिमेशन प्रॉपर्टीज़ को दोनों दिशाओं में बढ़ाने के लिए animation-fill-mode प्रॉपर्टी का उपयोग both वैल्यू के साथ करें। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {           &nb

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

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

एलिमेंट्स को पहले कीफ्रेम द्वारा सेट स्टाइल वैल्यूज़ रिटेन कराने के लिए, animation-fill-mode प्रॉपर्टी का उपयोग forwards वैल्यू के साथ करें। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {     &

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

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

सभी एनिमेशन प्रॉपर्टीज़ सेट करने की शॉर्टहैंड प्रॉपर्टी animation है। यह एनिमेशन अवधि, एनिमेशन नाम आदि सेट करती है। एनिमेशन शॉर्टहैंड प्रॉपर्टी के साथ काम करना सीखने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>

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

स्टिकी नेवबार बनाने के लिए position: sticky; प्रॉपर्टी का उपयोग करें। स्टिकी नेवबार बनाने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          ul {           &n

जिन एलिमेंट्स के एट्रिब्यूट वैल्यू किसी निर्दिष्ट मान से खत्म होते हैं (यहां .htm), उन्हें चुनने के लिए [attribute$="value"] सिलेक्टर का उपयोग करें। CSS [attribute$="value"] सिलेक्टर लागू करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    &

एनिमेशन में देरी करने के लिए CSS animation-delay प्रॉपर्टी का उपयोग करें। एनिमेशन में देरी करने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {         &n

CSS के साथ एनिमेशन कितनी बार चलनी चाहिए, यह सेट करने के लिए animation-iteration-count प्रॉपर्टी का उपयोग करें। निम्न उदाहरण एनिमेशन की गिनती 2 सेट करता है: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {

एनिमेशन को पहले बैकवर्ड फिर फॉरवर्ड चलाने के लिए animation-direction प्रॉपर्टी का उपयोग करें। इस प्रॉपर्टी को alternate-reverse एनिमेशन वैल्यू के साथ उपयोग किया जाता है। उदाहरण <!DOCTYPE html> <html>    <head>       <style>