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

Binance Launchpad có dễ… húp như bạn tưởng

Tiền kỹ thuật số (cryptocurrency) đang dần mở rộng. Kể ra mình biết khái niệm này từ rất lâu. Nếu các bạn là độc...

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...

BẠN XEM CHƯA

Kiểm tra độ an toàn của email có lộ thông tin

Mới đây Trung tâm ứng cứu khẩn cấp máy tính việt Nam (VNCERT) đã ghi nhận được số lượng lớn tài khoản sử dụng...

Tuyển nhân viên thiết kế đồ họa quảng cáo tại Quy Nhơn

Công Ty TNHH Thương Mại Quảng Cáo Xuân Duy cần tuyển một nhân viên thiết kế đồ họa quảng cáo.Mô tả công việc:- Thiết...

Kích hoạt tính năng đăng tin bán hàng trên Facebook

Tính năng đăng tin bán hàng trên Facebook giúp cho người dùng có thể dễ dàng đăng những status chuyên biệt phục vụ cho...

Bảo vệ máy tính theo cách của RegRun Security Suite Platinum

Ngày nay có rất nhiều phần mềm giúp hệ thống của bạn tránh những hiểm họa từ các phần mềm độc hại. Mỗi ứng...

Chữa dứt bệnh đau dạ dày bằng hạt đậu rồng già

Nếu răng bạn còn khỏe, hãy lấy hạt đậu rồng già, rang với muối cho vàng thơm hong để cháy. Sáng sớm bụng đói, nhai...