< 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.
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.