JSFiddle - React, Tailwind, and code Playground

by nils_r

HTML

<ul id="images">
    <li>
        <img src="http://placekitten.com/320/240?image=1" alt="">
    </li>
    <li>
        <img src="http://placekitten.com/320/240?image=2" alt="">
    </li>
    <li>
        <img src="http://placekitten.com/320/240?image=3" alt="">
    </li>
</ul>

CSS

li {
    margin-bottom: 10px;
}

img {
    box-shadow: 0 5px 2px -3px #333;
}

div{
    margin: 1em;
}

JavaScript

$(document).ready(function(){
        var bilder = $('li');
        for(var i=1; i<=2; i++){
            $(bilder[i]).css(
                {'position':'absolute','top':'10px','left':'10px'});
        }
        $(bilder[2]).delay('1000').fadeOut('50000');
});