Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Splash animation with checkboxes

Public visualization

Splash animation with checkboxes

0 stars0🌍 Public
SStefan Gerrits
Last edited Feb 27, 2020
Created on Feb 7, 2020
Forked from HTML Starter

This example demonstrates a playful splash animation triggered by user interaction. A checkbox input, hidden via CSS, controls a series of animations when checked. The code uses HTML checkboxes, CSS transitions, and keyframe animations to create a mustard bottle that shakes and a paint splatter image that scales and fades over eight seconds. The splatter image is loaded from an external URL and rendered with a mix-blend-mode overlay effect, while the label element acts as a clickable toggle.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed