Transiciones - CSS

Propiedades varias aplicables en un elemento CSS de transición

by InaWeb

HTML

<div class="tran">
 Elemento de transicion
</div>

CSS

div {
  width: 100px;
  height: 100px;
  background: red;
  transition: width 2s ease-in-out 1s;
}

div:hover {
  width: 300px;
}