W jaki sposób otworzyć kolejną stronę po skończeniu animacji CSS?

W jaki sposób uruchomić ładowanie kolejnej strony po skończeniu działania animacji css na stronie na której jesteśmy ? Wykonywanie animacji musi się skończyć.

Możesz podpiąć listener pod dany element, który wykonuje animacje po skończeniu animacji on wywoła animationend i przypisane do niej funkcje.

document.querySelector("...").addEventListener("animationend", function() {
		document.location.href = "http://example.pl/";
});

Co to jest document.querySelector("...") i co trzeba naipsać w nawiasie?

Jako, że event jest propagowany w górę, to możesz dobrze napisać "body"

jest taka strona MDN, na której to wszystko jest opisane https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector

@telepatia: Wygląda mi to na kolejny post typu "Problem XY" (wikipedia). Takie zachowanie zazwyczaj nie jest w ogóle potrzebne. Prawdopodobnie Twój problem potrzebuje rozwiązania na głębszym poziomie, a Ty tego nie widzisz z powodu niewiedzy bądź niskiego doświadczenia. Jeśli zależy Ci na solidnym rozwiązaniu problemu - opowiedz nam dokładniej dlaczego takie zachowanie jest Twoim zdaniem pożądane, a my postaramy się doradzić co można z tym zrobić.

Stokrotne dzięki, odpaliło.