⚡ Cyber Power Analyzer 2.0 ⚡

Phân tích công suất mạng, thiết bị & năng lượng kỹ thuật số

Tech Motion — Hiệu ứng sống động
Tech Motion

Hiệu ứng sống động khi vào web

Intro 3D, nền hạt kết nối, parallax theo chuột/điện thoại, ripple khi chạm, đuôi chuột và hiệu ứng xuất hiện khi cuộn. Tất cả gói gọn trong một file.

Khám phá ngay Chi tiết hiệu ứng

Intro 3D

Logo/tiêu đề bùng nổ, lưới không gian bay về phía trước.

Particles

Hạt thông minh tự kết nối theo khoảng cách và vận tốc.

Parallax

Nghiêng khối, theo dõi con trỏ & cảm biến nghiêng.

Ripple

Hiệu ứng gợn nước khi chạm/click mọi nơi.

Scroll-reveal

Xuất hiện mượt khi phần tử vào khung nhìn.

Hiệu năng

Giới hạn FPS, tự giảm mật độ trên máy yếu.

Cách hoạt động

Canvas nền chạy requestAnimationFrame, tính kết nối hạt theo ngưỡng khoảng cách, vẽ đường có alpha theo độ gần. IntersectionObserver điều khiển lớp .reveal. Parallax dựa trên con trỏ hoặc cảm biến DeviceOrientation (nếu có).

Tùy chỉnh nhanh

Bắt đầu

Lưu file này thành index.html và mở bằng trình duyệt. Không cần CDN hay server đặc biệt.