Trang chủ Lập trình Javascript - HTML Tạo hiệu ứng Parallax đơn giản cho trang web bằng CSS

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

- Advertisement -
Huỳnh Mai Anh Kiệthttps://anhkiet.biz
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 cho Hura Apps - một startup nhỏ về công nghệ tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

BÀI VIẾT MỚI

10 Công Cụ Có Thể Thay Thế ChatGPT

ChatGPT là một mô hình ngôn ngữ lớn được phát triển bởi OpenAI. Nó cung cấp các câu trả lời nhanh chóng và ngắn...

Hướng Dẫn Đăng Ký Nhận Mã Giảm Giá Highland Coffee

Highland Coffee đang có nhiều chương trình khuyến mã cho khách hàng của mình. Các khuyến mãi có thể bao gồm upsize, mua 1...

Quà cuối năm 2022 từ Shopify

Năm nay nhận quà từ các đối tác công nghệ hơi bị nhiều. Mới đây mình lại nhận được quà từ Shopify. Quà về đúng...

Nhận quà từ đối tác công nghệ Recharge

Recharge là một trong những công ty chuyên cung cấp giải pháp bán hàng đăng ký định kỳ (subscription payments) cho các nền tảng...

Hướng dẫn tải video ngắn Facebook Reel miễn phí

Facebook Reels là tính năng video ngắn mới của Facebook. Nếu bạn muốn tải những video ngắn này của mọi người thì bạn có...

BẠN XEM CHƯA

Commandos: Beyond the Call of Duty

Commandos: Beyond the Call of Duty là phiên bản mở rộng của Commandos: Behind Enemy Lines, vẫn với đồ họa hình ảnh và các...

Cẩn thận khi cài đặt các ứng dụng di động

Ngày nay các thiết bị di động thông minh như máy tính bảng (tablet), điện thoại thông minh (smartphone) đã trở nên phổ biến...

easyHDR – Tạo một bức hình chuyên nghiệp

Công nghệ HDR (High Dynamic Range) chỉ độ sâu màu giữa vùng sáng và vùng tối mà máy ảnh có thể ghi nhận, giúp...

Đăng ký Hostgator chỉ với 0.01 USD

Như đã chia sẻ 2 coupon giúp bạn tiết kiệm khi đăng ký host tại Hostgator. Nay mình viết bài này xin hướng dẫn...

Làm sao biết ai đó đang cố tình né bạn trên Facebook

Nhận biết người đang ẩn nick không muốn nói chuyện với bạn Facebook hỗ trợ người dùng tắt trò chuyện với một người nào đó...