JSFiddle - React, Tailwind, and code Playground

by konto123

HTML

<div class="imgs">
	<img src="http://lorempixel.com/400/200/sports/" alt="" class="img">
	<img src="http://lorempixel.com/400/200/nightlife/" alt="" class="img">
	<img src="http://lorempixel.com/400/200/cats/" alt="" class="img">
	<img src="http://lorempixel.com/400/200/city/" alt="" class="img">
	<img src="http://lorempixel.com/400/200/nature/" alt="" class="img">
	<img src="http://lorempixel.com/400/200/food/" alt="" class="img">
</div>

CSS

.imgs{
	width: 100%;
}

.img {
	width: 50%;
	height: auto;
	display: block;
	float: left;
}

JavaScript

$('.img').hide().load(function() {
	$(this).fadeIn(400);
});