50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Phần 3 trong bộ sưu tập 50 thiết kế web sử dụng hiệu ứng parallax scrolling.

21. Von Dutch

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Von Dutch kể một câu chuyện về quá trình thành lập của nó bằng việc sử dụng parallax scrolling để thêm các chi tiết chuyển động. Các icon và hình ảnh di chuyển mỗi khi bạn cuộn trang, khiến toàn bộ thiet ke web trở nên sinh động.

22. Fannabee

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Fannabee là một thiết kế website dành cho fan của nghệ sỹ âm nhạc. Hình ảnh được tập trung ở chính giữa và câu truyện được kể thông qua mỗi lần bạn cuộn trang.

23. Peugeot Hybrid4

 50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Peugeot sử dụng parallax scrolling để tạo ra một tác phẩm truyện tranh tự kể trên trình duyệt, qua đó quảng cáo cho chiếc xe đời mới của họ theo một cách rất thuyết phục và mới mẻ.

24. Cultural Solutions

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Những vòng tròn chuyển động một cách tinh tế nhờ hiệu ứng 3D trên thiet ke website này. Hiêu ứng parallax scrolling được thêm vào để làm cho website có chiều sâu ấn tượng.

25. jQuery Conference

 50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Hiệu ứng parallax scrolling được dùng thay thế cho animation trong nhiều trường hợp, bởi nó tiết kiệm dung lượng hơn, hiệu ứng tinh tế hơn và mượt mà hơn và với website này họ cũng áp dụng sự thay thế đó.

26. Shape

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Website của công ty thiết kế này sử dụng parallax scrolling để giải thích quá trình thiết kế của họ. Hiệu úng animation mô tả cách làm việc của họ, giúp mang lại ấn tượng trực quan sinh động.

27. Nintendo

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Nitendo sử dụng cuộn trang parallax để kể câu truyện về lịch sử ra đời của một loại trò chơi của họ. Điều này giúp người xem được đến với hành trình khám phá một cách độc đáo và khó quên.

28. Activate Drinks

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Activate Drinks là hãng cung cấp đồ uống có vitamin. Website của hãng này muốn kể câu chuyện của họ theo một cách khác. Do đó họ sử dụng parallax scrolling với những bong bóng ở nền để giúp câu chuyện của họ được kể hấp dẫn hơn.

29. The Whitehouse’s Iraq Timeline

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

The White House sử dụng parallax scrolling để tạo ấn tượng hình ảnh sâu sắc hơn về chiến trang Irac và hiệu ứng parallax scrolling đã hỗ trợ tốt cho mục đích này.

30. Pitchfork Cover Stories

50 thanh cuộn parallax tuyệt đẹp cho website (P.3)

Website có giao diện giống như một tạp chí in nhưng với những tính năng như parallax scrolling, phỏng vấn tương tác, vidoe nội dung...Đây thực sự là một thiết kế xuất sắc với kỹ thuật parallax scrolling hoàn toàn hợp lý.

Tác giả bài viết: Phùng Thanh Hằng
Có: 0/0 đã cho sao
tiếc gì 1 click để cho sao

Bạn đã xem chưa?

Công cụ Google Workspace Migrate dành cho quản trị viên tài khoản hiện đã sẵn sàng

Công cụ Google Workspace Migrate dành cho quản trị viên tài khoản hiện đã sẵn sàng

Công cụ Google Workspace Migrate giúp việc di chuyển dữ liệu từ các đơn vị thứ 3 về sử dụng dịch vụ Google workspace dễ dàng hơn. Ngoài việc kiểm tra và lập kế hoạch, nó còn giúp quan sát lập kế hoạch di chuyển tốt hơn.

Tính năng mới Google Workspace trợ giúp đắc lực cho doanh nghiệp nhỏ

Tính năng mới Google Workspace trợ giúp đắc lực cho doanh nghiệp nhỏ

Vừa qua, Google đã ra mắt Google Workspace Individual như một sản phẩm mới để giúp các chủ doanh nghiệp nhỏ lẻ phát triển doanh nghiệp của họ bằng các ứng dụng quen thuộc mà họ có thể đã sử dụng trong cuộc sống cá nhân của họ.

Xem Google Workspace đang tạo dựng mô hình làm việc trong tương lai như thế nào?

Xem Google Workspace đang tạo dựng mô hình làm việc trong tương lai như thế nào?

Google đang tạo ra một Google Workspace với mô hình làm việc tăng cường sự bình đẳng cộng tác trên các tuyến đầu, công bằng hợp tác cho tất cả

Quay lại trang Blog
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây