<nav class="cl-effect-1">

<a href="#">Effekt 1</a>

</nav>

<nav class="cl-effect-2">

<a href="#"><span data-hover="Effekt2">Effekt 2</span></a>

</nav>

<nav class="cl-effect-3">

<a href="#">Effekt 3</a>

</nav>

<nav class="cl-effect-4">

<a href="#">Effekt 4</a>

</nav>

<nav class="cl-effect-5">

<a href="#"><span data-hover="Effekt 5">Effekt 5</span></a>

</nav>

<nav class="cl-effect-6">

<a href="#">Effekt 6</a>

</nav>

<nav class="cl-effect-7">

<a href="#">Effekt 7</a>

</nav>

<nav class="cl-effect-8">

<a href="#">Effekt 8</a>

</nav>

<nav class="cl-effect-9">

<a href="#"><span>Effekt 9</span><span>Texteffekte</span></a>

</nav>

<nav class="cl-effect-10">

<a href="#" data-hover="Hover"><span>Effekt 10</span></a>

</nav>

<nav class="cl-effect-11">

<a href="#" data-hover="Effekt-11">Effekt-11</a>

</nav>

<nav class="cl-effect-12">

<a href="#">Effekt 12</a>

</nav>

<nav class="cl-effect-13">

<a href="#">Effekt 13</a>

</nav>

<nav class="cl-effect-14">

<a href="#">Effekt 14</a>

</nav>

<nav class="cl-effect-15">

<a href="#" data-hover="Effekt 15">Effekt 15</a>

</nav>

<nav class="cl-effect-16">

<a href="#" data-hover="Effekt 16">Effekt 16</a>

</nav>

<nav class="cl-effect-17">

<a href="#" data-hover="Effekt 17">Effekt 17</a>

</nav>

<nav class="cl-effect-18">

<a href="#" data-hover="Effekt 18">Effekt 18</a>

</nav>

<nav class="cl-effect-19">

<a href="#"><span data-hover="Effekt 19">Effekt 19</span></a>

</nav>

<nav class="cl-effect-20">

<a href="#"><span data-hover="Weiter">Effekt 20</span></a>

</nav>

<nav class="cl-effect-21">

<a href="#">Effekt 21</a>

</nav>