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)

c9962ab1db894eea924f5c62635dc3a5

Fork of SVG Animation Playground

0 stars1🌍 Public
KK V VINITHA
Last edited Feb 26, 2022
Created on Feb 26, 2022

This fork of a CSS animation playground recreates a Star Wars–style title sequence using two SVG images (“GET IT” and “RIGHT”) and a text byline rendered in HTML. The code defines keyframe animations—`getit`, `right`, `spin-letters`, and `move-byline`—to scale, translate, and rotate elements in 3D space via CSS `perspective` and `transform-style: preserve3d`. The animation loops infinitely over 10 seconds, with the two SVG images and the byline fading and moving toward the viewer against a static background.

AI-generated description

A demonstration of SVG shapes.