{"version":"1.0","type":"rich","title":"CSS Animation of Hello HTML","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b5800cbc80094235b7ac3b98c723cd7b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}