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