This repository was archived by the owner on Aug 25, 2025. It is now read-only.
CSS animations do not work with a delay #92
Description
If I have a CSS animation that plays on page load, it does not play even after a delay.
Here's an example:
<!DOCTYPE html>
<html>
<head>
<title>POC</title>
<style>
body {
animation: fade-in 1s ease-in-out 0s 1 normal forwards;
opacity: 0;
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
</style>
</head>
<body>
<h1>Hello, this is a proof of concept!</h1>
</body>
</html>And running webkit2png:
webkit2png --delay=5 index.html
The result is 3 blank images, when it should be the text "Hello, this is a proof of concept!".