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

कैसे सेट करें जब संक्रमण प्रभाव जावास्क्रिप्ट के साथ शुरू होगा?


यह निर्धारित करने के लिए कि संक्रमण प्रभाव कब शुरू होगा, JavaScript transitionDelay का उपयोग करें संपत्ति। जब संक्रमण प्रभाव जावास्क्रिप्ट के साथ शुरू होगा, तो वापस कैसे लौटना है, यह जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         #div1 {
            position: relative;
            margin: 10px;
            height: 300px;
            width: 400px;
            padding: 20px;
            border: 2px solid blue;
         }

         #div2 {
            padding: 80px;
            position: absolute;
            border: 2px solid BLUE;
            background-color: yellow;
            transform: rotateY(45deg);
            transition: all 5s;
         }

         #div2:hover {
            background-color: orange;
            width: 50px;
            height: 50px;
            padding: 100px;
            border-radius: 50px;
         }
      </style>
   </head>
   <body>
      <p>Hover over DIV2</p>

      <button onclick = "display()">Set</button>

      <div id = "div1">DIV1
         <div id = "div2">DIV2</div>
      </div>
      <script>
         function display() {
            document.getElementById("div2").style.transitionTimingFunction = "ease-in";
            document.getElementById("div2").style.transitionDelay = "1s";
         }
      </script>
   </body>
</html>

  1. जावास्क्रिप्ट के साथ फ़ॉन्ट की बोल्डनेस कैसे सेट करें?

    फ़ॉन्टवेट का उपयोग करें जावास्क्रिप्ट में संपत्ति फ़ॉन्ट बोल्डनेस सेट करने के लिए। उदाहरण आप जावास्क्रिप्ट के साथ फ़ॉन्ट की बोल्डनेस सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <body>       <h1>Heading 1</h1&g

  1. जावास्क्रिप्ट के साथ किसी तत्व के मार्जिन को कैसे सेट करें?

    मार्जिन का प्रयोग करें जावास्क्रिप्ट में संपत्ति, मार्जिन सेट करने के लिए। आप जावास्क्रिप्ट के साथ एक तत्व के मार्जिन को सेट करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <body>       <button type="but

  1. सीएसएस के साथ संक्रमण प्रभाव की गति वक्र कैसे सेट करें

    ट्रांज़िशन-टाइमिंग-फ़ंक्शन . का उपयोग करें संपत्ति संक्रमण प्रभाव की गति वक्र निर्धारित करने के लिए। आप जो मान सेट कर सकते हैं वे हैं:सहजता, सुगमता, सुगमता, रैखिक, आदि। उदाहरण आप सीएसएस के साथ संक्रमण प्रभाव की गति वक्र सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> &