Extended Module
Backgrounds
Animated background effects for hero sections and full-bleed elements — Ken Burns zoom, aurora drift, scan lines, and color cycling. All live below.
gleam-backgrounds.css
6 effects
hero sections
<!-- Ken Burns on a background-image element -->
<div class="bg-ken-burns"
style="background-image:url(hero.jpg)">...
</div>
<!-- Aurora on a gradient background -->
<div class="bg-aurora"
style="background:linear-gradient(135deg,#a78bfa,#60a5fa,#34d399)">
</div>
<!-- Speed control -->
.hero { --bg-duration: 12s; }