CSS transition-property Property

« Back to CSS transition-property Property

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div {
   width: 150px; 
   height: 120px; 
   background-color: yellow;
   border: 5px dashed black; 
}
div:hover {
   width: 100%; 
   height: 200px;
   background-color: rgba (255,0,0, .7);
}
.test {
   transition-duration: 5s; 
   transition-delay: 3s, 1s;
   transition-property: width, height; 
}
</style>
</head>
<body>
<div class="test">
   duration: 5s;  <br>
   delay: 3s, 1s;  <br>
   property: width, height;
</div> 
</body>
</html>

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee