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

एनिमेट सीएसएस ने संपत्ति छोड़ दी

<घंटा/>

बाएं . पर एनिमेशन लागू करने के लिए CSS के साथ संपत्ति, आप निम्न कोड चलाने का प्रयास कर सकते हैं:

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            border: 2px solid black;
            width: 300px;
            height: 100px;
            position: absolute;
            left: 0;
            animation: myanim 5s infinite;
         }
         @keyframes myanim {
            30% {
               left: 200px;
            }
         }
      </style>
   </head>
   <body>
      <div>This is demo text</div>
   </body>
</html>

  1. सीएसएस में न्यूनतम-चौड़ाई वाली संपत्ति

    हम सीएसएस न्यूनतम-चौड़ाई संपत्ति का उपयोग करके किसी तत्व की सामग्री बॉक्स के लिए एक निश्चित न्यूनतम-चौड़ाई परिभाषित कर सकते हैं जो तत्व के सामग्री बॉक्स को संकीर्ण होने की अनुमति नहीं देता है, भले ही चौड़ाई न्यूनतम-चौड़ाई से कम हो। सिंटैक्स CSS न्यूनतम-चौड़ाई संपत्ति का सिंटैक्स इस प्रकार है - चयनक

  1. सीएसएस में रूपरेखा-चौड़ाई वाली संपत्ति

    रूपरेखा-चौड़ाई गुण को तत्व की सीमाओं के चारों ओर विशिष्ट मोटाई की रेखा खींचने के लिए परिभाषित किया जा सकता है, लेकिन रूपरेखा किसी तत्व के आयामों का हिस्सा नहीं है, सीमा संपत्ति के विपरीत। सिंटैक्स CSS आउटलाइन-चौड़ाई प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { बाह्यरेखा-चौड़ाई:/*मान*/} नोट - रू

  1. CSS में बॉर्डर-कलर प्रॉपर्टी

    CSS बॉर्डर-कलर प्रॉपर्टी का उपयोग तत्वों के लिए बॉर्डर कलर निर्दिष्ट करने के लिए किया जाता है। हम बॉर्डर-टॉप-कलर, बॉर्डर-राइट-कलर, बॉर्डर-लेफ्ट-कलर और बॉर्डर-राइट-कलर प्रॉपर्टीज का उपयोग करके अलग-अलग पक्षों के लिए रंग भी सेट कर सकते हैं। सिंटैक्स CSS बॉर्डर-कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है -