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

सीएसएस के साथ एनिमेटेड पृष्ठभूमि

<घंटा/>

चेतन करने के लिए @keyframes का उपयोग करें। CSS के साथ पृष्ठभूमि पर एनीमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 400px;
            height: 300px;
            animation: myanim 3s infinite;
         }
         @keyframes myanim {
            30% {
               background: green bottom right/50px 50px;
            }
         }
      </style>
   </head>
   <body>
      <div></div>
   </body>
</html>

  1. CSS के साथ एनिमेटेड सर्च फॉर्म कैसे बनाएं?

    निम्नलिखित कोड CSS के साथ एक एनिमेटेड खोज फ़ॉर्म बनाता है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> *{    box-sizing: border-box; } input[type=text] {    wi

  1. CSS के साथ फुल स्क्रीन वीडियो बैकग्राउंड कैसे बनाएं?

    CSS के साथ एक पूर्ण स्क्रीन वीडियो पृष्ठभूमि बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    * {       box-sizing: border

  1. कैसे सीएसएस के साथ स्क्रॉल पर एक ढाल पृष्ठभूमि रंग बनाने के लिए?

    स्क्रॉल पर एक ग्रेडिएंट बैकग्राउंड कलर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    body {       height: 250vh;       color: white;       font-family: "Segoe UI", Tahoma, Gene