Niedawno widziałem zdjęcie Dribbble'a autorstwa Eli Brumleya, które miało fajny efekt interaktywny. Po kliknięciu prosty okrągły niebieski przycisk rozwija się do postaci małego menu. Uruchomiłem Professor Mode na CodePen, aby ludzie mogli oglądać, jak buduję, ale nagrałem go również, aby móc go omówić i opublikować tutaj.
Intencją jest tutaj ćwiczenie myślowe obejmujące HTML, CSS, JavaScript, SVG i projekt. To nie jest doskonały widget gotowy do produkcji. W rzeczywistości na koniec omawiamy niektóre rzeczy, do których nie dotarliśmy.
Zobacz menu pióra Toggle Thing autorstwa Chrisa Coyiera (@chriscoyier) na CodePen.