AWG 25th Anniversary Contest

Bug: Hiệu ứng hover trên hình ảnh công nhân tại section "Celebrate at the JW Turnberry Resort & Spa!" bị khựng¶

Error Description¶

Tại section "Celebrate at the JW Turnberry Resort & Spa!", khi người dùng hover vào hình ảnh công nhân, hiệu ứng phóng to không diễn ra mượt. Ngoài ra, khi rê chuột ra khỏi ảnh, hình ảnh trở về trạng thái ban đầu cũng bị khựng, tạo cảm giác giật và thiếu tự nhiên.

Environment¶

Chrome/Desktop

Steps to Reproduce¶

1. Truy cập vào AWG
2. scroll xuống phần "Celebrate at the JW Turnberry Resort & Spa!" hoặc click vào button "Detail" trên menu
3. Thực hiện hover vào phần hình ảnh công nhân
4. Tiếp tục di chuột ra khỏi hình ảnh
5. Quan sát khi hover và và không hover vào ảnh nữa

Expected Behavior¶

• Khi hover vào ảnh:
  • Ảnh phóng to nhẹ, chuyển động mượt
• Khi bỏ hover:
  • Ảnh thu về trạng thái ban đầu một cách tự nhiên
• Toàn bộ animation cần liền mạch, không bị giật hoặc khựng ở điểm bắt đầu / kết thúc

Actual Behavior¶

• Khi hover vào ảnh, hiệu ứng zoom in xảy ra nhưng không mượt
• Khi bỏ hover, ảnh trở lại trạng thái ban đầu cũng bị khựng / giật
• Chuyển động nhìn bị “cứng”, thiếu độ tự nhiên

Screenshot/video¶

https://streamable.com/e5fnyb