संक्रमण का उपयोग करें जावास्क्रिप्ट में संपत्ति, निम्नलिखित चार गुण सेट करें - संक्रमणप्रॉपर्टी, संक्रमण अवधि, संक्रमण समय समारोह, और संक्रमण विलंब।
उदाहरण
जावास्क्रिप्ट के साथ चार संक्रमण गुण कैसे सेट करें, यह जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं -
<!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);
}
#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.transition = "all 2s";
}
</script>
</body>
</html>