Hôm trước, tôi đã thấy một cảnh quay Dribbble của Eli Brumley có hiệu ứng tương tác tuyệt vời. Một nút tròn đơn giản màu xanh lam, khi được nhấp vào, sẽ tự mở rộng thành một menu nhỏ. Tôi đã kích hoạt Chế độ Giáo sư trên CodePen để mọi người xem khi tôi xây dựng, nhưng tôi cũng ghi lại để có thể nói theo cách của mình và xuất bản nó ở đây.
Mục đích ở đây là một bài tập tư duy liên quan đến HTML, CSS, JavaScript, SVG và thiết kế. Nó không phải là một phụ tùng hoàn hảo sẵn sàng sản xuất. Trên thực tế, ở phần cuối, chúng tôi thảo luận về một số điều mà chúng tôi không đạt được.
Xem Menu Pen Toggle Thing của Chris Coyier (@chriscoyier) trên CodePen.