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 के साथ एनिमेटेड सर्च फॉर्म कैसे बनाएं?

    निम्नलिखित कोड 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 के साथ फुल स्क्रीन वीडियो बैकग्राउंड कैसे बनाएं?

    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