Uncategorized

HIỆU ỨNG THỊ SAI

Thị sai hình ảnh nền

Một xu hướng chính trong thiết kế web là Di chuyển thị sai, liên quan đến Hình nền di chuyển với tốc độ chậm hơn đến nội dung nền trước khi bạn cuộn xuống trang. Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách bạn có thể thêm hiệu ứng Thị sai trên Hình nền bằng ElementsKit.

Xem video hướng dẫn:https://www.youtube.com/embed/1uUliMZ7dkU?feature=oembed

Hoặc, làm theo hướng dẫn từng bước dưới đây:

Bước => 1: Đảm bảo mô-đun thị sai được BẬT từ Trang tổng quan → ElementsKit → MODULES

Bước 2: Vào phần Elements => Search for Image => Kéo thả phần Image .

Bước => 3: Thêm Hình nền từ tab Chỉnh sửa → Nội dung

Bước => 4: Vào Tab Nâng cao -> Bấm vào các hiệu ứng ElementsKit- > Chọn Loại hiệu ứng CSS3, Nghiêng, Khi cuộn, Khi di chuyển bằng chuột tùy ý bạn lựa chọn

CSS3

  • Bước => 1: Vào Tab Nâng cao => ElementsKit Effects => Loại hiệu ứng => Chọn CSS3 => Bật CSS Animation Toggle
  • Chọn hiệu ứng Hoạt ảnh từ menu thả xuống
  • Sửa đổi tốc độ hoạt ảnh
  • Số lần lặp lại hoạt ảnh => Vô hạn hoặc không đặt
  • Chọn hướng hoạt ảnh
  • Bước => 2: ElementsKit Effects => Effect Type => Chọn CSS3 => Bật CSS Transformation Toggle
  • Dịch
  • Quay
  • Tỉ lệ
  • Nghiêng
  • Đặt lại nếu muốn

Nghiêng

Bước => 1: Vào Tab Nâng cao => Hiệu ứng ElementsKit => Loại hiệu ứng => Chọn Nghiêng

ON cuộn

Bước => 1: Vào Tab nâng cao => ElementsKit Effects => Loại hiệu ứng => Chọn On Scroll

Khi di chuyển chuột

Bước => 1: Vào Tab nâng cao => ElementsKit Effects => Loại hiệu ứng => Chọn khi di chuyển chuột

Cảm xúc của bạn là gì

Related Articles

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Check Also
Close
Back to top button