Transition CSS compatible with all browsers

<div class="box transition"></div>

.transition {

  -webkit-transition: all .2s ease-out;

  -moz-transition: all .2s ease-out;

  -o-transition: all .2s ease-out;

  transition: all .2s ease-out;

}

.box {

  width: 100px;

  height: 100px;

  background: red;

  margin-top: 20px;

  margin-left: auto;

  margin-right: auto;

}

​

.box:hover {

  background-color: green;

  cursor: pointer;

}

​