My css animation not working?

I gave you the answer but you didn’t implement it. :slight_smile: Please read my post again.[quote=“PaulOB, post:6, topic:227047”]
Because you haven’t defined the relevant properties
[/quote]

In your 100% rule all you have defined is the opacity so that is the only rule that will fill forwards. You also need to add the end position of all the other properties you want to continue at the forwards position (i.e your transforms and top positions).