Petalo
花店 · Lecco
花店，用了設計資源庫三條效果：懸停牛皮紙花束，紙打開、花湧出來（移開就從當前位置倒回去）；捲動繞本週花束轉一整圈，每一面浮出自己的說明；點一下種子落地，綠色從落點長滿整座小丘。當日送達的下單彈窗。花全是 CSS 和 canvas 畫的。
原版 · 照片打頭的首屏、這個行業自己的配色、完整的互動。
裡面有什麼
- Hover-bloom wrap: one clock that runs both ways, per-bloom slices with overshoot
- Scroll-orbit turntable around the bouquet, notes windowed by angle
- Click-drop seed with gravity, squash and a spreading green front (canvas)
- Services grid, same-day order dialog, handwritten-card field
店名、地址、價格與聯絡方式均為虛構的演示內容。
想給自己的店做一個？寫信到 ayylchyql@gmail.com