На днях я видел снимок Dribbble, сделанный Эли Брамли, с классным интерактивным эффектом. Простая круглая синяя кнопка при нажатии превращается в небольшое меню. Я запустил Professor Mode на CodePen, чтобы люди могли смотреть, как я строю, но я также записал это, чтобы я мог рассказать о нем и опубликовать здесь.
Цель здесь - упражнение на мышление с использованием HTML, CSS, JavaScript, SVG и дизайна. Это не идеальный виджет, готовый к работе. Фактически, в конце мы обсуждаем некоторые вещи, до которых не дошли.
См. Раздел «Переключатель меню пера» Криса Койера (@chriscoyier) на CodePen.