Animacion de imagenes en css

[siddartha23]

No te funciona por que dentro de los keyframes se usan propiedades no objetos.

Intenta esto a ver si te ayuda a hacer el efecto que buscas: a los .hijos añádeles 'transition: all 2s' para que se muevan gradualmente, luego borra desde la línea 14 hasta la 33 y añade esto para cada hijo: .padre:hover .hijo1{left: 45%; top: 45%;} , .padre:hover .hijo2{left: 45%; top: 55%;}, etc.

Veo que solo usas top y left en tus objetos con position relative, podrías usar también right y bottom para que cada uno se ubique en su propia esquina... suerte!!!