Cita:
Iniciado por kseso? 
Se fijó en dónde declara la transición?
Juegue un poco con css.
Aplique las propiedades primero al div.
Después al :hover sobre el div.
Y para terminar, declare valores diferentes a uno y otro simultáneamente (div y div:hover). Intercámbielas.
Llegará a interesantes conclusiones y podrá hacer cosas diferentes con los mismos códigos en funciòn de cuándo* los declare.
*estamos hablando de la pseudoclase, que es un estado temporal.
Ok, gracias ya me funcionó simplemente poniendo div.circle.
Saludos.