Animar el ancho y el alto de una div CSS

El ancho y el alto se pueden animar con los atributos (max-) para ancho y alto, max: 0px para el inicio y max: (n)px para el activo, hover o visible, ejemplos:

HTML

SASS

jQuery / Eventos