1️⃣ Simple Hover Effect
Hover để thay đổi màu sắc và scale.
2️⃣ Hover Dropdown Menu
Hover để hiển thị dropdown menu. Framework cần hover trước khi click item.
Trigger: #dropdown-trigger | Items: #menu-item-1 to
#menu-item-4
3️⃣ Nested Dropdown Menu
Menu với submenu lồng nhau. Cần hover chính xác để navigate.
4️⃣ Tooltip on Hover
Tooltip xuất hiện khi hover. Test timing và position.
5️⃣ Hover Card Preview
Hover để xem preview card với thông tin chi tiết.
6️⃣ Hover State Tracking
Track hover duration và path. Useful for analytics testing.
1
2
3
4
5
6
Hover path: -
📋 Hover Log
Hover Test Page
loaded!