Hỏi về CSS hover
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
Để 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é:
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.
@quocdungabc ae Viblo đều nhiệt tình mà.
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/