CSS, um den Übergangsanimationseffekt des Bildes zu erzielen, wenn die Maus darauf platziert wird

<div Klasse="Test">
			<div></div>
			<div></div>
		</div>

	.prüfen{
			Breite: 200px;
			Höhe: 200px;
			Rand oben: 200px;
			Rand links: 300px;
			Überlauf: versteckt;
			Hintergrundfarbe: rot;
		}
		.test div{
			Breite: 100 %;
			Höhe: 100%;
			Übergang: 500 ms;
		}
		.test div:letztes-Kind{
			Hintergrundfarbe: grün;
		}
		.test:hover div{
			transformieren: verschiebeY(-100%);
		}