Buy it for just $5 with #packtdollar

by codef0rmer

HTML

<a href="https://www.packtpub.com/packt5dollar/?utm_source=rochelld&amp;utm_medium=referral&amp;utm_campaign=5D2014" class="wave"><span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.015s infinite alternate;">B</span><span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.03s infinite alternate;">u</span><span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.045s infinite alternate;">y</span> <span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.06s infinite alternate;">i</span><span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.075s infinite alternate;">t</span> <span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.09s infinite alternate;">f</span><span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.105s infinite alternate;">o</span><span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.12s infinite alternate;">r</span> <span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.135s infinite alternate;">j</span><span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.15s infinite alternate;">u</span><span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.165s infinite alternate;">s</span><span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.18s infinite alternate;">t</span> <span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.195s infinite alternate;">$</span><span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.21s infinite alternate;">5</span> <span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.225s infinite alternate;">w</span><span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.24s infinite alternate;">i</span><span style="display: inline-block; -webkit-animation: bump 0.3s ease-in 0.255s infinite alternate;">t</span><span...

CSS

a.wave {      
    white-space: nowrap;
    color: red;
    text-decoration: none;
}

@-webkit-keyframes bump {
    from { -webkit-transform: translateY(-10px); }
    to   { -webkit-transform: translateY(10px);  }
}
@-ms-keyframes bump {
    from { -ms-transform: translateY(-10px); }
    to   { -ms-transform: translateY(10px);  }
}
@keyframes bump {
    from { transform: translateY(-10px); }
    to   { transform: translateY(10px);  }
}