#div1 {
  width: 175px;
  height: 100px;
  background: rgb(255, 255, 255);
  transition: width 2s;
  transition-timing-function: ease-in-out;
  text-align: center;
  font-size: xx-large;
  border: 2px solid black;
  border-radius: 5px;
}
#div2 {
  width: 150px;
  height: 100px;
  background: rgb(255, 255, 255);
  transition: width 2s;
  transition-timing-function: ease-in-out;
  text-align: center;
  font-size: xx-large;
  border: 2px solid black;
  border-radius: 5px;
}
#div3 {
  width: 150px;
  height: 100px;
  background: rgb(255, 255, 255);
  transition: width 2s;
  transition-timing-function: ease-in-out;
  text-align: center;
  font-size: xx-large;
  border: 2px solid black;
  border-radius: 5px;
}
#div1:hover {
  width: 890px;
}
#div2:hover {
  width: 890px;
}
#div3:hover {
  width: 1850px;
}
h1:hover {
  transition-property: transform;
  transition-duration: 2s;
  transform: skewX(90deg);
}
h1 {
  margin-top: 50px;
}
audio:hover {
  transition-property: transform;
  transition-duration: 100s;
  transform: rotate(70000000deg);
}
video:hover {
  transition-property: transform;
  transition-duration: 10000s;
  transform: translateX(1000000px);
}