# 201: Thực hiện Booping - Thủ thuật CSS

Anonim

Joshua Comeau đám đông đặt ra thuật ngữ "boop" (cao năm, Adam Kuhn). Đây là những trạng thái giống như di chuột / tiêu điểm, ngoại trừ chúng không phải vậy. Những thứ của bạn - những thứ như liên kết, nút, v.v. - vẫn nên có những trạng thái đó. “Boop” là một hiệu ứng hay thay đổi hơn chạy một lần khi con chuột vào nó, kết thúc quá trình chạy ngay cả khi con chuột của bạn rời đi (điều mà CSS không thực sự làm được) và có khả năng sẽ chạy lại vào lần tiếp theo của người dùng mouseenter, sau booping đầu tiên được thực hiện.

Thay vì triển khai React của Josh, chúng ta sẽ bắt đầu bằng CSS, xem chúng ta có thể đi được bao xa, sau đó xem xét một cách tiếp cận JavaScript thay thế.

Tôi đã để lại một số nhận xét trong Bút ở trên từ các phương pháp thay thế mà chúng tôi đã khám phá trong suốt quá trình.