Add hover

2020-07-17 11:11:53 +02:00
parent 37820b5bb4
commit ae1c78da16
4 changed files with 145 additions and 30 deletions
--- a/test/i-hover.html
+++ b/test/i-hover.html
@ -0,0 +1,31 @@
+<!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')">Place the cursor over this text</p>
+        <p class="text">
+            Quisque id diam vel quam elementum pulvinar etiam non quam?
+        </p>
+        <p class="text">
+            Ac, feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper.
+        </p>
+        <p class="text" i-hover="class:add('uppercase')">
+            Nunc aliquet bibendum enim, facilisis gravida neque convallis a cras.
+        </p>
+        <p class="text">
+            Orci phasellus egestas tellus rutrum tellus pellentesque eu tincidunt tortor.
+        </p>
+        <p class="text">
+            Volutpat consequat, mauris nunc congue nisi, vitae suscipit tellus mauris.
+        </p>
+    </body>
+</html>