संक्रमण-समय-फ़ंक्शन का उपयोग करें संपत्ति संक्रमण प्रभाव की गति वक्र निर्धारित करने के लिए। आप जो मान सेट कर सकते हैं वे हैं सहजता, सुगमता, सुगमता, रैखिक, आदि।
आप सीएसएस के साथ संक्रमण प्रभाव की गति वक्र सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं
उदाहरण
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 100px;
height: 100px;
background: red;
transition: width 4s;
}
#effect1 {
transition-timing-function: linear;
}
#effect2 {
transition-timing-function: ease-in;
}
div:hover {
width: 250px;
}
</style>
</head>
<body>
<h1>Transition Effect</h1>
<p>Hover over the div elements and see the transition effect and the speed:</p>
<div id = "effect1">linear effect</div><br>
<div id = "effect2">ease-in effect</div><br>
</body>
</html>