FFNM/test/is-hover.html

32 lines
1.1 KiB
HTML
Raw Normal View History

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>