Cursor Grid
Hiệu ứng này tạo ra một lưới đồ họa (graphic grid) phủ trên toàn bộ giao diện, hoạt động như một lớp tương tác nền (interactive background overlay). Mỗi thao tác di chuyển con trỏ chuột sẽ kích hoạt sự biến đổi (transformation) của các phần tử trong lưới.
How do I use it?
Cài Đặt và Định Vị Component
Tích hợp: Sao chép (Copy) & Dán (Paste) Component "CursorGrid" vào tập tin thiết kế của bạn (Hình 1).
Định vị: Thiết lập thuộc tính Position thành "Fixed" và điều chỉnh Z-index = 10 để đảm bảo Component hiển thị trên cùng (Hình 2, 3).
Kích thước: Đặt Width = 100% và Height = 100vh (Chiều cao bằng chiều cao màn hình) để phủ kín giao diện (Hình 4).
Tùy chỉnh: Điều chỉnh các Tham số/Thuộc tính (Props) của Component tại bảng điều khiển bên phải (Hình 5).
Most popular
FMCVN online course.
Made by Sang. Powered by Framer