Cómo animar un elemento en el hover

Como puedo hacer mi<div> los elementos crecen (y el contenido cambia el tamaño del texto a uno más alto), cuando se pasa el cursor sobre? Los puse en una clase y probé:

<code>size: 150%;
</code>

y

<code>height: +30px;
width: +30px;
</code>

el primer intento no funcionó en absoluto, y el segundo código acaba de hacer que la división destelle y desaparezca parcialmente.

Respuestas a la pregunta(3)

Su respuesta a la pregunta