Transition css
<!-- html code-->
<!DOCTYPE html>
<html>
<head>
<title>Hello, World!</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="box1">
</div>
</body>
</html>
<!--css code-->
.box1{
width:200px;
height:150px;
border:2px solid black;
background-color:yellow;
transition-property:all;
transition-delay:0s;
transition-duration:10s;
transition-timing-function:linear;
}
.box1:hover{
width:600px;
height:300px;
background-color:beige;
margin:30px;
padding:40px;
}