jQuery

`.animate()`

Anima propiedades CSS numericas de un elemento hacia nuevos valores durante un tiempo determinado, como el ancho, la opacidad o el margen.

Vista previa

Codigo

ejemplo.html

<button id="boton">Animar</button>
<div id="caja" style="background:#191919;width:40px;height:40px;margin-top:8px;"></div>
<script>
  $("#boton").click(function () {
    $("#caja").animate({ width: "160px" }, 500);
  });
</script>