Animation Test Page

This page demonstrates various animations for testing the delay_time parameter and screenshot timing.

Page Information

Feature: CSS and JavaScript Animations
Purpose: Testing delay_time and animation capture

This page contains various animations that run continuously. The screenshot service should capture these animations at different points depending on the delay_time parameter.

Animation Controls

Animations are running at normal speed.

CSS Animations

Bouncing Ball

Rotating Square

Fading Text

This text fades in and out

Moving Element

→

JavaScript Animations

Canvas Animation

DOM Animation

Testing Instructions

When testing the screenshot service with this page:

Take screenshots with different delay_time values to capture animations at different points.
Compare screenshots to see how delay_time affects the capture of animations.
Try using the animation controls to pause animations before taking screenshots.

Sample API Requests:

POST /v1.0/screenshot
{
  "url": "http://localhost:8000/animation",
  "delay_time": 500,
  "format": "png"
}

POST /v1.0/screenshot
{
  "url": "http://localhost:8000/animation",
  "delay_time": 3000,
  "format": "png"
}

POST /v1.0/screenshot
{
  "url": "http://localhost:8000/animation?pause=true",
  "format": "png"
}