< Back

Responsive Wilting2024
Interaction Design
HTML / CSS

An interactive web project that uses CSS media queries to create a time-lapse of a flower's lifecycle. As users resize their browser viewport, they witness the transition of a flower from its initial bloom through various stages of wilting.     

This responsive behavior utilizies a typically functional web design technique into a storytelling device, using viewport width as a metaphor for the passage of time.