Code
Service selector
Turn a numbered service list into an interactive experience. On hover, numbers fade out, icons fade in, and headings slide across with a color change. All smooth, all CSS.
How it works
- Each .service row shows a number by default
- On hover, the number fades out and an icon fades in
- The heading shifts right and changes color
- Desktop/tablet only: no hover effects on mobile
Custom CSS
The CSS to make the animation for this power up is included in the top level parent container Advanced > Custom CSS. No additional setup needed. Just copy the component and the styles come with it.