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

एनिमेट सीएसएस वर्ड-स्पेसिंग गुण


सीएसएस के साथ वर्ड-स्पेसिंग प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं -

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            border: 2px solid blue;
            background: orange;
            animation: myanim 3s infinite;
         }
         @keyframes myanim {
            50% {
               word-spacing: 30px;
            }
         }
      </style>
   </head>
   <body>
      <h1>CSS word-spacing property</h1>
      <div>
         This is demo text! This is demo text! This is demo text! This is demo text!
         This is demo text! This is demo text! This is demo text! This is demo text!
         This is demo text! This is demo text! This is demo text! This is demo text!
         This is demo text! This is demo text! This is demo text! This is demo text!
         This is demo text! This is demo text! This is demo text! This is demo text!
      </div>
   </body>
</html>

  1. सीएसएस एनिमेशन के साथ लंबवत-संरेखित संपत्ति को एनिमेट करें

    सीएसएस के साथ लंबवत-संरेखित संपत्ति पर एनीमेशन लागू करने के लिए, आप निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          img {             vertica

  1. CSS में टेक्स्ट-जस्टिफाई प्रॉपर्टी

    CSS में टेक्स्ट-जस्टिफाई प्रॉपर्टी का इस्तेमाल टेक्स्ट के जस्टिफिकेशन मेथड को सेट करने के लिए किया जाता है, जब टेक्स्ट-एलाइन प्रॉपर्टी को जस्टिफाई वैल्यू पर सेट किया जाता है। संपत्ति के मूल्य निम्नलिखित हैं - text-justify: auto|inter-word|inter-character|none|initial|inherit; उदाहरण आइए अब CSS में

  1. सीएसएस सही संपत्ति

    तत्व की क्षैतिज स्थिति निर्धारित करने के लिए सही गुण का उपयोग किया जाता है। इसे - . के रूप में सेट किया गया है right: auto|length|initial|inherit; उदाहरण आइए CSS में सही प्रॉपर्टी को लागू करने के लिए एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> div {