web-html5-scripts/css-effects/hover-effects-with-sass/index.html

65 lines
1.1 KiB
HTML
Raw Permalink Normal View History

<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Hover effects with sass</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<section class="head">
<a href="" data-bf="10 Stunning" data-af="with sass">HOVER EFFECTS</a>
</section>
<section class="p10">
<a href="">camera</a>
</section>
<section class="p11">
<a href="">
ROAD
</a>
</section>
<section class="p12">
<a href="" data-content="peak">peak</a>
</section>
<section class="p14">
<a href="">
eclipse
</a>
</section>
<section class="p15">
<a href="">tAiPeI
<div class="t1">
<div class="in"></div>
</div>
<div class="t2">
<div class="in"></div>
</div>
</a>
</section>
<section class="p16">
<a href="">CHICAGO</a>
</section>
<section class="p17">
<a href="">sunbeams</a>
</section>
<section class="p18">
<a href="">
HUMMINGBIRD</a>
</section>
<section class="p19">
<a href="">SABER
<div class="s1"></div>
<div class="s2"></div>
</a>
</section>
</body>
</html>