@keyframes animacja {
0% {
filter: grayscale(100%);
}
100% {
filter: grayscale(0%);
}
}
animation: animacja 5s linear 5s;
Pierwsze wrzucasz byle gdzie w kodzie a drugie do animowanego elementu.
Animacja - nazwa animacji
5s (pierwsze) - czas trwania
Linear - nie wzrasta/maleje szybkosc
5s (drugie) - delay