Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

CSS Animation of Hello HTML

Public visualization

Viewing a saved revision (read-only)

57021d3ee5f14cb2a3e868c4d33fce2d

CSS Animation of Hello HTML

0 stars1🌍 Public
RRussell Watson
Last edited Feb 2, 2020
Created on Feb 2, 2020
Forked from HTML Starter

This example showcases a minimal HTML page where the text “Hello HTML” slides down from the top of the viewport using a CSS animation. The page defines a `@keyframes` rule named `slidein`, which animates the body’s `margin-top` from 100% to 0% over three seconds. The animation is applied directly to the body element via the `animation-name` and `animation-duration` properties. This demonstrates a purely CSS-driven approach without JavaScript or external libraries, relying solely on the browser’s native animation engine.

AI-generated description

A bare minimum HTML page - with CSS animation

See also React Starter.