Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Creeper Head Project Test

Public visualization

Viewing a saved revision (read-only)

5a550af43318434285be04a910f523c2

Fork of Creeper Head Project Test

2 stars0🌍 Public
NNita
Last edited Aug 5, 2025
Created on Aug 5, 2025

This interactive visualization uses pure CSS and JavaScript to draw a Minecraft Creeper head alongside a girl character, with a gradient sky that transitions through eight day and sunset states. Users cycle through states via "PREV" and "NEXT" buttons or arrow-key navigation, while JavaScript’s class-based state management updates CSS variables for sky, sun, and neck gradients. The code leverages CSS transitions, `clip-path` for the mouth, radial gradients for the sun, and `mask-image` for lighting effects, with animated blinks, jumps, and shimmering highlights applied through keyframes.

AI-generated description