JSFiddle - React, Tailwind, and code Playground

by Beben Koben

HTML

<div id="top"></div>

<h1>Link Animation Effect with CSS 3</h1>
<h2>CSS 3 Link Nudge Effect</h2>

<ul id="AnimasiList">
<li><a href="http://facebook.com/beben.koben">Facebook</a>
<li><a href="http://twitter.com/bebenkoben">Twitter</a>
<li><a href="http://feeds.feedburner.com/beben-koben">RSS Feed</a></ul>

<h2>CSS 3 Transform Effect</h2>
<ul class="Ben-links">
    <li><a href="http://about.me/beben-koben">About Me</a>
        <li><a href="http://beben-koben.mobstac.com">My Mobstac</a>
            <li><a href="http://friendfeed.com/bebenkoben">FriendFeed</a>
                <li><a href="http://snipplr.com/users/BebenKoben">On Snipplr</a>
</ul>  
 <br/>    <br/>Find amazing article by doing a search in the search box, with keywors "Make Your Brain With AmazingThings"               
<p class="credit">Creativity by: <a href="http://beben-koben.blogspot.com/" title="Prodigy of head">Prodigy of Head</a></p>
<div id="footer">
<h2>Link Animation Effect with CSS 3</h2>
<a href="http://beben-koben.blogspot.com/" title="Prodigy of head" class="PoH">Baca &amp; sikat di</a>
</div>

CSS

*{margin:0;padding:0}
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }
body{background:#debe94;color:#555;display:block;font:13px/1.3 'Segoe...