|
| 1 | +<!DOCTYPE html> |
| 2 | +<htmllang="en"> |
| 3 | +<head> |
| 4 | +<metacharset="UTF-8"/> |
| 5 | +<metahttp-equiv="X-UA-Compatible"content="IE=edge"/> |
| 6 | +<metaname="viewport"content="width=device-width, initial-scale=1.0"/> |
| 7 | +<linkrel="stylesheet"href="style.css"/> |
| 8 | +<title>Hover Effects</title> |
| 9 | +</head> |
| 10 | +<body> |
| 11 | +<ahref="#"class="hover-effect-1">Hover Effect 1</a> |
| 12 | +<ahref="#"class="hover-effect-2">Hover Effect 2</a> |
| 13 | +<ahref="#"class="hover-effect-3">Hover Effect 3</a> |
| 14 | +<ahref="#"class="hover-effect-4"data-hover="Hover Effect 4" |
| 15 | +>Hover Effect 4</a |
| 16 | +> |
| 17 | +<ahref="#"class="hover-effect-5"data-hover="Hover Effect 5"> |
| 18 | +<span>Hover Effect 5</span> |
| 19 | +</a> |
| 20 | +<ahref="#"class="hover-effect-6"data-hover="Hover Effect 6"> |
| 21 | +<span>Hover Effect 6</span> |
| 22 | +</a> |
| 23 | +<ahref="#"class="hover-effect-7">Hover Effect 7</a> |
| 24 | +<ahref="#"class="hover-effect-8"> |
| 25 | +<span></span> |
| 26 | + Hover Effect 8 |
| 27 | +</a> |
| 28 | +<ahref="#"class="hover-effect-9"> |
| 29 | +<span></span> |
| 30 | + Hover Effect 9 |
| 31 | +</a> |
| 32 | +<ahref="#"class="hover-effect-10">Hover Effect 10</a> |
| 33 | +</body> |
| 34 | +</html> |