CSS Transition

by Huy Tuấn

HTML

<div></div>

CSS

div {
  width: 200px;
  height: 200px;
  background-color: #ffee00;
  -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
   transition: width 2s, height 2s, transform 2s;
}
div:hover {
  width: 100px;
  height: 100px;
  -webkit-transform: rotate(180deg); /* Safari */
  transform: rotate(180deg);
}