Yêu cầu Sep 21st, 2019 10:52 a.m. 127 2 2
  • 127 2 2
+1

Hỏi về CSS hover

Chia sẻ
  • 127 2 2

Cho mình hỏi làm sao để hover vào thì các khối nó di chuyển dạt qua trái hoặc qua phải, như website này ạ: https://themes.vagebond.nl/ambiance/theme/cocktail/

Bài post đầu tiên, nên có j sơ sót mong các anh chị bỏ qua.

2 CÂU TRẢ LỜI


Đã trả lời Sep 21st, 2019 3:23 p.m.
Đã được chấp nhận
+2

Để làm hiệu ứng này thì bạn cần sử dụng javascript để xử lý nhé. Mình sẽ bắt sự kiện mousemove, fire khi con chuột di chuyển. Con chuột di chuyển một khoảng bao nhiêu thì mình sẽ cuộn cái menu một khoảng bấy nhiêu. Lười viết code nên mời bạn tham khảo code mẫu mình kiếm được ở trên mạng nhé:

Chia sẻ
Avatar Dũng @quocdungabc
Sep 21st, 2019 4:39 p.m.

Các pác nhiệt tình quá. Phải chi accept được cả 2 câu trả lời. Câu nào cũng hay. Thanks các pác.

Sep 21st, 2019 4:46 p.m.

@quocdungabc ae Viblo đều nhiệt tình mà. 😆

Avatar Dũng @quocdungabc
Sep 21st, 2019 4:48 p.m.
Đã trả lời Sep 21st, 2019 10:55 a.m.
+3

Bạn bật f12 lên sẽ thấy nó thay đổi vị trí left của toàn bộ cái phần đó 1 khoảng cố định thôi kiểu:

left: -100px

Và ở đây có cá javascript nhé bạn. Nó sẽ có dạng nhu này https://jsfiddle.net/t3owp7qb/4/

Chia sẻ
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí