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

जब ऐनिमेशन नहीं चल रहा हो तो तत्व के लिए CSS शैली सेट करें


ऐनिमेशन-फिल-मोड प्रॉपर्टी का उपयोग ऐनिमेशन नहीं चलने पर एलीमेंट के लिए स्टाइल सेट करने के लिए करें

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 150px;
            height: 200px;
            position: relative;
            background: red;
            animation-name: myanim;
            animation-duration: 2s;
            animation-fill-mode: backwards;
         }
         @keyframes myanim {
            from {left: 0px; background-color: green;}
            to {left: 200px; background-color: blue;}
         }
      </style>
   </head>
   <body>
      <div></div>
   </body>
</html>

  1. उस तत्व को स्टाइल करें जिसने CSS पर ध्यान केंद्रित किया है

    फ़ोकस वाले तत्व का चयन करने के लिए:फ़ोकस चयनकर्ता का उपयोग करें। आप निम्नलिखित कोड को लागू करने का प्रयास कर सकते हैं:फोकस चयनकर्ता - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          input:focus {     &

  1. CSS का उपयोग करके नीचे की सीमा की शैली सेट करें

    बॉटम बॉर्डर की स्टाइल सेट करने के लिए, बॉर्डर-बॉटम-स्टाइल प्रॉपर्टी का इस्तेमाल करें। आपके द्वारा सेट किए जा सकने वाले बॉर्डर के मान डॉटेड, डबल, डैश्ड, सॉलिड आदि हैं। उदाहरण आप निम्न कोड को स्टाइल बॉटम बॉर्डर पर चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html>    <head>

  1. CSS में टेक्स्ट डेकोरेशन की शैली सेट करें

    टेक्स्ट डेकोरेशन की शैली सेट करने के लिए, टेक्स्ट-डेकोरेशन-स्टाइल प्रॉपर्टी का उपयोग करें। आप निम्न मानों का उपयोग कर सकते हैं - text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit; उदाहरण <!DOCTYPE html> <html> <head> <style> span {    text-decor