Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

CSS animations do not work with a delay #92

Open
jackwilsdon opened this issue Oct 23, 2015 · 4 comments
Open

CSS animations do not work with a delay #92

jackwilsdon opened this issue Oct 23, 2015 · 4 comments
Labels
bug investigation-needed

Comments

@jackwilsdon
Copy link

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!".
@chadyj
Copy link

chadyj commented Nov 5, 2015

+1

@mhennessie
Copy link

+1 - I am trying to take a screenshot of a site that has several animations as items come into the viewport and they all are missing from the resulting png.

@aramay
Copy link

aramay commented Feb 13, 2018

+1
delay has no effect. It takes screenshot without images.

@iwoj
Copy link

iwoj commented Jun 29, 2021

+1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug investigation-needed
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
6 participants
@paulhammond @iwoj @chadyj @jackwilsdon @mhennessie @aramay