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

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

- Advertisment -
Shopify

BÀI VIẾT MỚI

Kiểm tra trình duyệt của khách có phải là Safari bằng PHP

Hôm rồi chợt nhận ra điều là Safari của Apple chưa hỗ trợ hiển thị ảnh WebP. Vậy là cái plugin Hura Apps Photos...

GitHub mua lại nền tảng npm

npm là đóng một phần quan trọng trong cộng đồng JavaScript. Cộng đồng npm trong 10 năm qua là sự đóng góp của hàng...

Youtube cho phép quảng cáo trên video có nội dung liên quan đến Covid-19

Trong một bài đăng trên blog, CEO Susan Wojcicki cho biết YouTube sẽ bắt đầu cho phép chạy quảng cáo trên các video thảo...

Kiểm tra khả năng bị lây nhiễm Covid-19 của bạn bằng trí tuệ nhân tạo

Trong bối cảnh Covid-19 đang lan rộng và khả năng lây nhiễm rất cao khi ta vô tình tiếp xúc với các người bị...

10 lời đồn sai về Covid-19

1. Ai nhiễm Covid-19 sẽ chết - Tỉ lệ tử vong hiện nay khoảng 3.4%. Người càng lớn tuổi tỉ lệ tử vong sẽ cao...

BẠN XEM CHƯA

Khoản tiền kiếm được trên mạng lần đầu tiên

Mình thì ít tin vào các trò kiếm tiền trên mạng dù biết là nó có thật nhưng thật sự để lấy tiền không...

Bức ảnh có độ phân giải cao nhất thế giới

Bức ảnh panorama dãy núi Mont Blanc bằng thiết bị Canon 70D cùng ống kính Canon EF 400mm f2.8L ISII trên một chân máy...

Món quà 8/3 đầu tiên của tôi

Sinh viên sống xa nhà lại chưa có người yêu như mình thì ngày 8 tháng 3 cũng chỉ là một ngày bình thường...

Kiếm bitcoin miễn phí tại Coin-Ads

Trong bài viết trước mình đã hướng dẫn các bạn cách tạo 1 tài khoản ví bitcoin trực tuyến. Đã có ví rồi thì...

Hemingway App – Công cụ giúp bạn viết tiếng Anh đúng hơn

Mình viết app cho Shopify và khi gửi lên kho ứng dụng thì có một lý do mình luôn bị yêu cầu phải sửa...