Tạo hiệu ứng Parallax đơn giản cho trang web bằng CSS

Hiệu ứng Parallax theo mình thấy nó không mang nhiều ý nghĩa lắm nhưng nó tạo cảm giác… mượt mà cho trang web. Nhiều trang web dùng hiệu ứng này làm cho trang web trở nên có thiện cảm cho khách truy cập.

Theo tìm hiểu thì mình thấy có nhiều cách để tạo ra hiệu ứng này cho trang web. Trong đó sử dụng thư viện jQuery với vài thư viện chuyên dụng. Tuy nhiên bạn có thể dễ dàng tạo hiệu ứng này dễ dàng với CSS.

Mời các bạn xem trang web demo: http://mangbinhdinh.vn/demo/parallax/

Mã CSS

Và đây là mã HTML

Tùy theo mục đích sử dụng mà bạn có thể tùy biến thêm cho phù hợp

Các bạn có thể tải trang web mẫu tại:

Box: http://tinyurl.com/nonw3rt
Mediafire: http://tinyurl.com/ok9obav

Chúc các bạn thành công

Huỳnh Mai Anh Kiệt

Cảm ơn bạn đã đánh giá! Bạn có thể chia sẻ cảm nhận bài viết này lên các mạng xã hội: hoặc .
Bạn cảm thấy thế nào về bài viết này?
  • Vui mừng
  • Hấp dẫn
  • Thú vị
  • Chán
  • Buồn
  • Tức giận

Huỳnh Mai Anh Kiệt

Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

leave a comment

Create Account



Log In Your Account