Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Border Animation

Public visualization

Viewing a saved revision (read-only)

9fc6f1dcffab4a8e96baf2a839e948f7

Border Animation

0 stars1🌍 Public
AAndrew-Kiwa
Last edited Sep 27, 2022
Created on Sep 27, 2022
Forked from Page ROller

This example demonstrates a dynamic, organic border using CSS animations. A white, irregularly-shaped blob continuously morphs through different border-radius configurations, including a perfect circle at the midpoint, before shifting to a yellow hue. The animation is driven by the `borderrr` keyframes within the stylesheet. The page uses a minimal HTML structure with an SVG element and a `bundle.js` script, though the primary visual effect is achieved through pure CSS, not JavaScript or D3. The code references D3 v5 via CDN but the actual animation relies on CSS `@keyframes` and the `border-radius` property.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.