Yêu cầu thg 9 21, 2019 10:52 SA 126 2 2
  • 126 2 2
+1

Hỏi về CSS hover

Chia sẻ
  • 126 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 thg 9 21, 2019 3:23 CH
Đã đượ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
thg 9 21, 2019 4:39 CH

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.

thg 9 21, 2019 4:46 CH

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

Avatar Dũng @quocdungabc
thg 9 21, 2019 4:48 CH
Đã trả lời thg 9 21, 2019 10:55 SA
+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í