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

CSS के साथ एनीमेशन में देरी कैसे करें

<घंटा/>

एनिमेशन में देरी करने के लिए, CSS एनीमेशन-देरी . का उपयोग करें संपत्ति। एनिमेशन में देरी के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 150px;
            height: 200px;
            background-color: yellow;
            animation-name: myanim;
            animation-duration: 2s;
            animation-delay: 2s;
         }
         @keyframes myanim {
            from {
               background-color: green;
            }
            to {
               background-color: blue;
            }
         }
      </style>
   </head>
   <body>
      <div></div>
   </body>
</html>

  1. एनिमेशन के साथ CSS शीर्ष संपत्ति

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

  1. CSS के साथ कार्ड कैसे बनाएं?

    CSS के साथ कार्ड बनाने के लिए, कोड इस प्रकार है - उदाहरण body{ font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; मार्जिन:20 पीएक्स; } .कार्ड { बॉक्स-छाया:0 4px 8px 0 rgba(0,0,0,0.2); चौड़ाई:40%; अधिकतम-चौड़ाई:300px; पृष्ठभूमि-रंग:आरजीबी (56, 185, 185); } .कार्ड:होवर {बॉक्स-छाया:0 8px 16

  1. CSS के साथ टाइपराइटर एनिमेशन कैसे बनाएं?

    CSS एनिमेशन की मदद से, हम JavaScript का उपयोग करके एक टाइपराइटर एनिमेशन बना सकते हैं। निम्नलिखित उदाहरण इस आशय को दर्शाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div {    margin: 2%;    font-family: Courier, monospace;    display: inlin