Uma estratégia legal de aprender coisas mais complicadas é usar algumas ferramentas que geram código.

Ferramenas como webflow.io quarkly.io ou pinegrow (uma ferramenta desktop). Com elas você crai visualmente as animações e ela cria o código. Você pode ver o código criado, fazer suas alterações e ver em tempo real. Comece criando de forma visual e entendendo o códiugo feito e melhorando ele aos poucos.

Eu uso para projetos reais e não só para aprender, porque ganha muito tempo, e faço alterações e customizações conforma a necessidade. Apesar de serem ferramentas no-code ou low-code, elas geram ótimo código (principalmente pinegrow) e realmente ajuda a entender o CSS mais avançado.