Free hand-picked 22 CSS (Multi) button group. The demo included Animations, add/delete buttons, and click animation/event using CSS, HTML, and Some JavaScript.
From my perspective, when the button group combines with other UI components(such as textarea here), the interaction will be more diverse and interesting.
For this challenge, I decided to give myself the obstacle of not relying on icons, yet somehow communicate the action that takes place within each button through its hover/focus states.
I’m trying to get the background to move in between the buttons but instead, it does a weird move thing and makes everything go out of place. UPDATE on DECEMBER 13, 2021: It’s working! I fixed the problem, just needed to think it over more.
