Cómo hacer animación al hacer clic en un botón usando CSS

<! – Offcourse Tienes que incluir Jquery en el encabezado +
Puede usar cualquier imagen en lugar de div–>

• ¿Cuál es la mejor manera de aprender JavaScript?
• ¿Por qué los desarrolladores deberían elegir Ruby on Rails?
• ¿Cuáles son los mejores libros para aprender Django para alguien con experiencia en programación, pero no mucha?
• ¿Cómo es haber sido el principal desarrollador front-end de 100 sitios web?
• ¿Por qué son importantes los cierres en JavaScript?

.random_box
{
altura: 100 px;
ancho: 100px;
color de fondo: # 333;
}
.transform {
-webkit-transition: todos 2s facilidad;
-moz-transition: todos los 2s facilidad;
-o-transición: todos los 2s facilidad;
-ms-transition: todos los 2s facilidad;
transición: todos los 2s facilidad;
}

.transformar en acción {
color de fondo: # 45CEE0;
altura: 200 px;
ancho: 200 px;
}

$ (“. random_box”). click (function () {
$ (‘. transform’). toggleClass (‘transformar en acción’);
});