Run Example

Edit This Code:
<!DOCTYPE html>
<html>
<head>
<style> 
div {
  width: 200px;
  height: 100px;
  padding: 20px;
  background-color: yellow;
  transition-property: width;
  transition-duration: 5s;
  transition-timing-function: ease-in;
  transition-dealy: .8s;
}
div:hover { 
width: 300px; 
}
</style>
</head>
<body>

<div>A div element with a transition effect!!</div>

</body>
</html>
Result: