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

चेतन सीएसएस सीमा संपत्ति

<घंटा/>

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

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 500px;
            height: 400px;
            background: yellow;
            border: 5px dashed yellow;
            background-image: url('https://www.tutorialspoint.com/latest/microservice_architecture.png');
            animation: myanim 3s infinite;
            background-position: bottom left;
            background-size: 50px;
         }
         @keyframes myanim {
            20% {
               background-color: maroon;
               background-position: bottom right;
               background-size: 90px;
               border: 25px solid orange;
            }
         }
      </style>
   </head>
   <body>
      <div></div>
   </body>
</html>

  1. सीएसएस सीमा छवि

    CSS में बॉर्डर-इमेज प्रॉपर्टी आपके दिमाग को पहली बार में लपेटने में थोड़ी मुश्किल है। इस लेख में, हम चर्चा करेंगे कि सीमा-छवि संपत्ति क्या है, इसका उपयोग कैसे करें और जब विभिन्न ब्राउज़रों में इसका उपयोग करने की बात आती है तो इसकी विशेषताएं क्या हैं। इस समय हमारी सीएसएस शिक्षा में, हमें यह जानना

  1. चेतन सीएसएस पाठ-सजावट-रंग संपत्ति

    CSS के साथ टेक्स्ट-डेकोरेशन प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {            

  1. एनिमेट सीएसएस चौड़ाई संपत्ति

    ऐनिमेशन को चौड़ाई पर लागू करने के लिए CSS के साथ संपत्ति, आप निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             width: 300px;