<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"/> <title>Test i-hover</title> <script src="../dist/ffnm.min.js"></script> <style> .uppercase { text-transform: uppercase; } </style> </head> <body> <p i-hover="class:add('uppercase', '.text__-hover')">Place the cursor over this text</p> <p class="text__1--hover"> Quisque id diam vel quam elementum pulvinar etiam non quam? </p> <p class="text__1--hover"> Ac, feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper. </p> <p class="text__1--hover" i-hover="class:add('uppercase')"> Nunc aliquet bibendum enim, facilisis gravida neque convallis a cras. </p> <p class="text__1--hover"> Orci phasellus egestas tellus rutrum tellus pellentesque eu tincidunt tortor. </p> <p class="text__1--hover"> Volutpat consequat, mauris nunc congue nisi, vitae suscipit tellus mauris. </p> </body> </html>