Asked thg 9 21, 2019 10:52 SA 173 2 2
  • 173 2 2
+1

Hỏi về CSS hover

Share
  • 173 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 ANSWERS


Answered thg 9 21, 2019 3:23 CH
Accepted
+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é:

Share
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.

+1
| Reply
Share
thg 9 21, 2019 4:46 CH

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

0
| Reply
Share
Avatar Dũng @quocdungabc
thg 9 21, 2019 4:48 CH
0
| Reply
Share
Answered 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/

Share
Viblo
Let's register a Viblo Account to get more interesting posts.