Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Creeper Head Project Test

Public visualization

Viewing a saved revision (read-only)

ac0b6bb2a0b442bc9deb4f7ff5277d55

Creeper Head Project Test

0 stars2🌍 Public
CCasualWanderer20XX
Last edited Oct 19, 2025
Created on Aug 4, 2025
Forked from HTML Starter

A CSS art project renders a pixelated creeper head from Minecraft against a gradient sky, with interactive buttons cycling through twelve day and sunset lighting states. The drawing uses layered HTML `<div>` elements with CSS `linear-gradient` and `radial-gradient` backgrounds for the sky, sun, head, neck, and ocean. JavaScript updates CSS custom properties on the `:root` element to switch between color palettes, while masks and box shadows simulate lighting effects on the character's face.

AI-generated description

Creeper Head Project (Unfinished)

Progress

Currently focusing on the main shades. Sky gradient and sun gradients are done.

Now, for the creeper colors, then the ocean colors.

Features

How to Use

All that is interactive is the buttons.

Simply click on either button to change the state of the drawing.