← Tất cả template
Thời trang & Làm đẹp

Sương Mai — Mỹ phẩm thiên nhiên

Website mỹ phẩm với 4 model 3D: lọ serum giữa những giọt sương khúc xạ thật né theo chuột, quy trình 4 bước có chế độ sáng/tối đổi màu cả trang, ảnh thành phần có điểm chạm, đồi trà 3D từ ảnh và quiz chọn sản phẩm.

Demo Sương Mai — Mỹ phẩm thiên nhiên
▶ Demo thực tế của template — giao diện, hiệu ứng và chuyển động khi chạy.

Điểm nổi bật

  • Intro giọt sương rơi xuống mặt nước, trang hiện ra qua các vòng gợn sóng lan rộng — không có số %
  • Hero lọ serum 3D xoay chậm giữa 16 giọt nước khúc xạ thật, rẽ ra khi rê chuột; nền buổi sáng hồng nhạt ↔ buổi tối xanh đêm
  • Quy trình 4 sản phẩm 3D trong thẻ vòm; bấm PM: cả trang chuyển màu đêm, bước chống nắng mờ đi, mô tả đổi theo giờ
  • Thành phần có điểm chạm, đồi trà Thái Nguyên dựng 3D từ ảnh + sương trôi, quiz 3 câu gợi ý sản phẩm, đánh giá; song ngữ
Kỹ thuật
4 model GLB (Tripo) · giọt nước MeshPhysical transmission (IOR 1.33) · relief độ sâu đồi trà
Bảng màu
Font chữ
EB Garamond · Raleway
Công nghệ
Three.js · GLTF + meshopt · Motion · Lenis · Vite · Tripo 3D · GPT Image · Depth Anything V2

Hướng dẫn sử dụng

Xem trước cách dùng template

⤢ Mở toàn màn hình