JSFiddle - React, Tailwind, and code Playground

by apoucoz

HTML

<link rel="stylesheet" href="http://inspectelement.com/demos/css3/3dgallery/css/css3_3d.css" media="screen" />
<ul id="grid" class="group">
<li>
<div class="details">
<h3>Заголовок 1</h3>
<a class="more" href="#info1">Подробнее...</a> 
</div>
<a class="more" href="#info1"><img src="http://inspectelement.com/demos/css3/3dgallery/images/lanterns.jpg" /></a>
</li>
<li>
<div class="details">
<h3>Заголовок 2</h3>
<a class="more" href="#info2">Подробнее...</a> 
</div>
<a class="more" href="#info2"><img src="http://inspectelement.com/demos/css3/3dgallery/images/lanterns.jpg" /></a>
</li>
<li>
<div class="details">
<h3>Заголовок 3</h3>
<a class="more" href="#info3">Подробнее...</a> 
</div>
<a class="more" href="#info3"><img src="http://inspectelement.com/demos/css3/3dgallery/images/lanterns.jpg" /></a>
</li>
<li>
<div class="details">
<h3>Заголовок 4</h3>
<a class="more" href="#info4">Подробнее...</a> 
</div>
<a class="more" href="#info4"><img src="http://inspectelement.com/demos/css3/3dgallery/images/lanterns.jpg" /></a>
</li>
<li>
<div class="details">
<h3>Заголовок 5</h3>
<a class="more" href="#info5">Подробнее...</a> 
</div>
<a class="more" href="#info5"><img src="http://inspectelement.com/demos/css3/3dgallery/images/lanterns.jpg" /></a>
</li>
<li>
<div class="details">
<h3>Заголовок 6</h3>
<a class="more" href="#info6">Подробнее...</a> 
</div>
<a class="more" href="#info6"><img src="http://inspectelement.com/demos/css3/3dgallery/images/lanterns.jpg" /></a>
</li>
</ul>

<ul id="information">
<li id="info1">
<div>
<h3>Заголовок 1</h3>
<p>Описание к блоку 1</p>
<a href="#" class="close">x</a>
</div>
<span class="backface"></span>
</li>
<li id="info2">
<div>
<h3>Заголовок 2</h3>
<p>Описание к блоку 2</p>
<a href="#" class="close">x</a>
</div>
<span class="backface"></span>
</li>
<li id="info3">
<div>
<h3>Заголовок 3</h3>
<p>Описание к блоку 3</p>
<a href="#" class="close">x</a>
</div>
<span class="backface"></span>
</li>
<li id="info4">
<div>
<h3>Заголовок...

CSS

#grid a {
text-decoration: none;
color: #0090e2;
}