CSS Transitions with Multiple Properties

 CSS Transitions with Multiple Properties

CSS transitions allow you to smoothly animate changes to CSS properties over a specified duration. You can apply transitions to multiple properties simultaneously. Here's an example:

.box {

  width: 100px;

  height: 100px;

  background-color: red;

  transition: width 0.3s ease, height 0.3s ease, background-color 0.3s ease;

}

.box:hover {

  width: 200px;

  height: 200px;

  background-color: blue;

}