Microinteraction Examples

Make sure to add the CSS to your page settings in order for the microinteractions to work.

#1 Scaling Images on Hover

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

Name Goes Here

Position

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

#2 Bouncing Scroll Down Icon

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

#3 Rotating Button and Blurb Icons on Hover

Your Title Goes Here

Download

#4 Sliding Button Icons to Show and Hide Button Text

#5 3D Image Perspective Rotation

#6 Button Slider for More Information