Hướng dẫn tạo Parallax Effect trên BKNS Website Builder

Cập nhật 16/10/2024

Bài viết này BKNS sẽ hướng dẫn tạo Parallax Effect trên BKNS Website Builder cho bạn nhé!

Hướng dẫn tạo Parallax Effect trên BKNS Website Builder
Hướng dẫn tạo Parallax Effect trên BKNS Website Builder

Tổng quan

Hướng dẫn này sẽ chỉ cho bạn cách tạo hiệu ứng Parallax trong SitePad. Cuộn Parallax là xu hướng của trang web trong đó nội dung nền (tức là hình ảnh) được di chuyển với tốc độ khác với nội dung nền trước khi cuộn.

Hiệu ứng Parallax có thể được áp dụng cho Hàng, Cột và Hàng bên trong.

Hướng dẫn tạo Parallax Effect trên BKNS Website Builder

Trong ví dụ này, chúng tôi sẽ trình bày cách bạn thiết lập Parallax cho một Row. Nhưng điều tương tự cũng áp dụng cho Inner Rows và Columns. Đầu tiên bạn vào Widgets chọn Row kéo thả vào vị trí mong muốn.

Vào Widgets chọn Row kéo thả vào vị trí mong muốn
Vào Widgets chọn Row kéo thả vào vị trí mong muốn
Sau đó, trong các tùy chọn, bạn sẽ tìm thấy Background > Background Type.

Chọn tùy chọn Parallax và một tùy chọn hình ảnh sẽ xuất hiện.

Chọn tùy chọn Parallax và một tùy chọn hình ảnh sẽ xuất hiện
Chọn tùy chọn Parallax và một tùy chọn hình ảnh sẽ xuất hiện

Chọn tùy chọn Parallax và chọn một hình ảnh bất kì bạn muốn. Sau đó ấn Insert để hoàn thành.

Chọn tùy chọn Parallax và chọn một hình ảnh bất kì bạn muốn
Chọn tùy chọn Parallax và chọn một hình ảnh bất kì bạn muốn

Cuối cùng, bạn sẽ có một website với giao diện như dưới đây.

Website với giao diện như dưới đây
Website với giao diện như dưới đây

Tổng kết

Vậy là bạn đã nắm được cách tạo Parallax Effect một cách dễ dàng! Thật đơn giản phải không nào? Hãy nhớ ghé thăm huongdan.bkns  BKNS để cập nhật những thông tin bổ ích và thú vị tiếp theo nhé!

BÀI VIẾT LIÊN QUAN

Hướng Dẫn Sử Dụng BKNS Builder