Crystal bloom hero

A flower-brand landing page whose hero is a glass chrysanthemum opening over eight seconds. The moment its first frame is on screen, fourteen interface pieces arrive on one shared keyframe, staggered by a single --d variable. The story card is liquid glass bent by a displacement map built from its own rounded-rect distance field, and the 01 / 02 / 03 stepper swaps species in one click — counting the stat tiles and lighting the matching photo card.

What it is

A landing page for a flower brand where a glass chrysanthemum slowly opens behind the headline, and the rest of the page — menu, title, figures and cards — drifts into focus piece by piece as it blooms. Pick one of three varieties and the figures count to their new values while the matching photo lights up. Made for brands that sell something beautiful and want the first screen to feel like an exhibition rather than a website.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@青柠智信 (Douyin) · 「把水晶花的艺术融入自己的网站」