Is your feature request related to a problem? Please describe.
I would like to contribute a highly practical and modern UI component to the EaseMotion CSS framework. Specifically, an "Animated Floating Action Button (FAB)" that expands to reveal a cascading menu of action buttons on hover, which is a staple in modern web and mobile app design.
Describe the solution you'd like
I have created a pure CSS implementation of an expanding FAB. It uses a flexbox column layout with column-reverse to stack the buttons. The main button rotates 135 degrees on hover to morph the plus icon into an X. The sub-buttons use staggered transition-delay and transform: translateY/scale to create a smooth, bouncy, cascading reveal effect. It requires no JavaScript.
I plan to submit the raw HTML and CSS in the submissions/examples/fab-expanding-menu-qn/ directory as per the contribution guidelines, using the unique identifier -qn.
Additional context
FABs are essential for primary actions in modern UI. Providing a polished, accessible, and purely CSS version with a smooth cascading animation will be highly beneficial for developers building lightweight, interactive interfaces. I will open a PR shortly with the submission.
Is your feature request related to a problem? Please describe.
I would like to contribute a highly practical and modern UI component to the EaseMotion CSS framework. Specifically, an "Animated Floating Action Button (FAB)" that expands to reveal a cascading menu of action buttons on hover, which is a staple in modern web and mobile app design.
Describe the solution you'd like
I have created a pure CSS implementation of an expanding FAB. It uses a flexbox column layout with
column-reverseto stack the buttons. The main button rotates 135 degrees on hover to morph the plus icon into an X. The sub-buttons use staggeredtransition-delayandtransform: translateY/scaleto create a smooth, bouncy, cascading reveal effect. It requires no JavaScript.I plan to submit the raw HTML and CSS in the
submissions/examples/fab-expanding-menu-qn/directory as per the contribution guidelines, using the unique identifier-qn.Additional context
FABs are essential for primary actions in modern UI. Providing a polished, accessible, and purely CSS version with a smooth cascading animation will be highly beneficial for developers building lightweight, interactive interfaces. I will open a PR shortly with the submission.