Hiệu ứng theo cuộn

Ảnh trôi chậm hơn chữ, thẻ xếp chồng, tiêu đề chạy ngang theo tay cuộn. Làm bằng CSS animation-timeline, trình duyệt cũ có phương án dự phòng, và đứng yên khi người xem chọn giảm chuyển động.

Câu chuyện Mộc An

Chúng tôi tin một ngôi nhà tốt bắt đầu từ ánh sáng tự nhiên, vật liệu thật và những thói quen nhỏ của người ở. Vì vậy mỗi dự án đều bắt đầu bằng một buổi khảo sát tại nhà, không phải một bản vẽ có sẵn.

Gỗ sồi · Óc chó · Mây đan · Đá mài · Vải lanh · Gốm men rạn · Giấy dó

Dòng chữ chạy theo tay cuộn, không tự chạy như marquee.

Thẻ chồng dính

Bốn bước từ khảo sát tới bàn giao

Cuộn xuống: từng thẻ dừng lại và thẻ sau chồng lên thẻ trước.

Bước 1

Khảo sát

Kiến trúc sư đến tận nhà đo đạc, nghe thói quen sinh hoạt và chụp lại hiện trạng.

Phòng khách cũ trước khi cải tạo: tường ố vàng, tủ gỗ cũ

Bước 2

Thiết kế 3D

Bản vẽ 3D và bảng vật liệu thật để cả nhà xem trước khi ký hợp đồng.

Mẫu vật liệu gỗ, đá, vải trên bàn xưởng

Bước 3

Thi công

Đội thợ riêng, giám sát hằng ngày, ảnh tiến độ gửi qua Zalo mỗi tối.

Đội thiết kế Mộc An xem bản vẽ và mẫu vật liệu

Bước 4

Bàn giao & bảo hành

Nghiệm thu từng hạng mục, bảo hành 24 tháng, ghé kiểm tra sau 6 tháng.

Cùng phòng khách sau cải tạo: tường trắng ấm, kệ gỗ âm tường, cửa sổ lớn

Hiệu ứng hover

Rê chuột hoặc Tab bằng bàn phím để thử

Nghiêng theo chuột chỉ chạy với chuột hoặc bút, không chạy trên màn hình cảm ứng.

Thẻ

Nền trượt

Nền màu trượt lên từ cạnh dưới khi rê chuột; chữ đổi sang màu trắng.

Ảnh

Khung góc

Phòng ngủ giường gỗ óc chó, ánh chiều

Phòng ngủ master Quận 7

Thẻ

Viền và bóng (có từ trước)

Các hiệu ứng hover cũ vẫn dùng chung được: nâng, bóng, đổi màu viền.

Cuộn tới cuối trang: phần chân trang lộ dần ra từ phía dưới. Header phía trên chuyển sang nền kính mờ ngay khi bạn bắt đầu cuộn.