CSS animation - Flex Child

Just CSS

CSS flex child animation is used for the desktop version. Playing with 'grow' and 'shrink' this simple hover animation

Easy to imprement

Follow the same HTML and CSS structure for the implementation, then copy and paste the custom code provided in the 'style' and 'script' sections.

Mobile responsive

To simplify mobile implementation, the desktop version has been adapted into a dropdown.