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://www.mangbinhdinh.vn
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.

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

Cách tùy chỉnh công cụ tìm kiếm trong Firefox

Bạn có thể sử dụng bất kỳ công cụ tìm kiếm nào mà bạn thích trong trình duyệt web của mình. Và bạn cũng...

12 cách khắc phục con trỏ chuột không hiển thị trong Windows 10

Con trỏ chuột đã trở thành một phần không thể thiếu trong quá trình chúng ta tương tác với máy tính. Vì vậy, hãy...

Facebook sập mạng toàn thế giới gần 30 phút trong sáng ngày 09/04/2021

Trong khoảng thời gian từ 4:30 tới 4:55 sáng ngày 09/04/2021, tất cả phương thức truy cập Facebook đều bị tê liệt trên toàn...

Twitter đưa tính năng phòng trò chuyện thoại Spaces lên phiên bản web trên máy tính

Spaces là một tính năng mới của Twitter. Đây là tính năng giúp người dùng Twitter trên iOS và Andoid có thể trò chuyện...

Hướng dẫn từng bước tạo ứng dụng cho Shopify

Ngày nay, Shopify cung cấp cho hơn 1.000.000 doanh nghiệp trên toàn thế giới. Nếu bạn chưa từng sử dụng Shopify nhưng đã quen...

BẠN XEM CHƯA

Tạo email với tên miền riêng miễn phí với Zoho mail

Nếu bạn đang sở hữu một website riêng thì nhu cầu tạo các địa chỉ email với tên miền của website đang chạy là...

Làm quen với RadioButton trong Android Studio

Lâu quá không viết gì về lập trình Android. Nay xin viết 1 bài nhỏ giới thiệu về đối tượng RadioButton trong Android Studio. RadioButtons...

Battlefield 2142 – Cuộc chiến kỷ băng hà

Bối cảnh của Battlefield 2142 là cuộc chiến tranh giành đất đai của loài người khi thế giới đột ngột rơi vào kỷ băng...

Đào vàng cổ điển

http://mangbinhdinh.vn/data/games/dao-vang_wWw.MangBinhDinh.Info.swf Giới thiệu: Đào vàng là game kinh điển phù hợp cho tất cả mọi lứa tuổi, cách chơi đơn giản nhưng để đạt được level...

Một số hàm mã hóa ký tự sẵn dùng trong PHP

Hôm nay đụng một dự án có vấn đề như sau: người dùng sẽ nhập dữ liệu từ các form vào và dữ liệu...