CloseTag | الشروحات | CSS | الانتقالات في لغة CSS | CSS Transitions

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
  width: 100px;
  height: 100px;
  background: #007bff;
  transition-property: width;
  transition-duration: 2s;
  transition-delay: 1s;
}

div:hover
{
  width: 330px;
}
</style>
</head>
<body>

<h1>CSS transition properties</h1>
<p>CSS transition with three properties</p>
<div></div>

</body>
</html>