JSFiddle - React, Tailwind, and code Playground

by burnso

HTML

<link rel="stylesheet" href="http://gburning.com/stylesheets/base.css">
<link rel="stylesheet" href="http://gburning.com/stylesheets/skeleton.css">
<link rel="stylesheet" href="https://github.com/dhg/Skeleton/blob/master/stylesheets/layout.css">
<img src="http://i.imgur.com/cDZ7H.jpg" id="logo" />
<div class="container">
    <img class="link" src="http://i.imgur.com/jsm0x2c.gif">
    <img class="link" src="http://i.imgur.com/jsm0x2c.gif">
    <img class="link" src="http://i.imgur.com/jsm0x2c.gif">
</div>

CSS

.link {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative;
}
@-webkit-keyframes WIGGLE {
    0% {
        -webkit-transform: translate(0px, 0px);
    }
    100% {
        -webkit-transform: translate(0px, 10px);
    }
}
@keyframes WIGGLE {
    0% {
        transform: translate(0px, 0px);
    }
    100% {
        transform: translate(0px, 10px);
    }
}

#logo {
    -webkit-animation: WIGGLE 1500ms infinite;
    animation: WIGGLE 1500ms infinite;
    width:125px;
    /*Not actually needed*/
}