Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of SVG Animation Playground

Public visualization

Viewing a saved revision (read-only)

18ee65701f0f439c81ab2426e4f2c4d5

Fork of SVG Animation Playground

0 stars0🌍 Public
DDaMei1993
Last edited Apr 11, 2022
Created on Apr 11, 2022

This example demonstrates a CSS-driven SVG animation playground where the phrases “GETIT” and “RIGHT” scale, fade, and rotate in three-dimensional space against a starfield background, accompanied by a spinning “IN BLACK AND WHITE” byline. The code uses pure CSS keyframe animations (`@keyframes getit`, `right`, `spin-letters`, `move-byline`) with transforms like `rotateY`, `translateZ`, and `scale`, along with `perspective` to create depth. It relies on the browser’s built-in CSS animation APIs rather than a JavaScript visualization library, embedding two external SVG images fetched from GitHub gists. A textarea and send button provide a simple user interface, though no JavaScript logic is visible in the provided files.

AI-generated description

A demonstration of SVG shapes.