css-single-line-border-animation-tutorial/index.html at master · code-fx/css-single-line-border-animation-tutorial · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!doctype html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Mega Animated Buttons</title>
  <link href="animated-border.css" rel="stylesheet"/>
</head>
<body>

    <a href="" class="animatedBorderTop">Animated Border</a>
    <a href="" class="animatedBorderBottom">Animated Border</a><br /><br />
    <a href="" class="animatedBorderLeft">Animated Border</a>
    <a href="" class="animatedBorderRight">Animated Border</a>
    <br /><br />
    <div class="box animatedBorderBottom">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita esse ipsam harum numquam itaque, quae beatae dolor! Alias nostrum, qui adipisci voluptatem, cumque libero sequi, corporis saepe eligendi cum nisi! Fugiat itaque maiores reiciendis temporibus magnam tempora pariatur, voluptatum rem voluptas enim fuga nostrum sint, optio illum et, vitae libero!
    </div>
</body>
</html>