JSFiddle - React, Tailwind, and code Playground

by Ajey

HTML

<a href="/pictures/first-look-at-windows-10-pictures/" id="A_1"></a>
<div id="DIV_2">
	<figure id="FIGURE_3">
		<img src="http://cnet1.cbsistatic.com/hub/i/r/2014/09/30/6eb0a51c-7dcd-4213-bb93-cc5ff988fd48/thumbnail/170x128/723f7d5a24a5185b23c0d75e23f26b6d/microsoft-windows10-belfiore.jpg" alt="" height="128" width="170" id="IMG_4" />
	</figure>
	<div id="DIV_5">
		First look at Windows 10 (pictures)
	</div>
</div>

CSS

#A_1 {
    box-sizing: border-box;
    color: rgb(255, 139, 0);
    cursor: pointer;
    display: block;
    float: left;
    height: 180px;
    position: relative;
    text-decoration: none solid rgb(255, 139, 0);
    width: 170px;
    perspective-origin: 85px 90px;
    transform-origin: 85px 90px;
    border: 0px none rgb(255, 139, 0);
    font: normal normal normal 17px/23.7999992370605px Proxima-Nova, Helvetica, Arial, sans-serif;
    margin: 0px 0px 0px 30px;
    outline: rgb(255, 139, 0) none 0px;
    transition: all 0.2s ease 0s;
}/*#A_1*/

#DIV_2 {
    color: rgb(255, 139, 0);
    cursor: pointer;
    height: 180px;
    text-decoration: none solid rgb(255, 139, 0);
    width: 170px;
    perspective-origin: 85px 90px;
    transform-origin: 85px 90px;
    border: 0px none rgb(255, 139, 0);
    font: normal normal normal 17px/23.7999992370605px Proxima-Nova, Helvetica, Arial, sans-serif;
    outline: rgb(255, 139, 0) none 0px;
}/*#DIV_2*/

#FIGURE_3 {
    color: rgb(255, 139, 0);
    cursor: pointer;
    height: 128px;
    position: relative;
    text-decoration: none solid rgb(255, 139, 0);
    width: 170px;
    perspective-origin: 85px 64px;
    transform-origin: 85px 64px;
    border: 0px none rgb(255, 139, 0);
    font: normal normal normal 17px/23.7999992370605px Proxima-Nova, Helvetica, Arial, sans-serif;
    margin: 0px;
    outline: rgb(255, 139, 0) none 0px;
}/*#FIGURE_3*/

#FIGURE_3:before {
    box-shadow: rgb(255, 139, 0) 0px 0px 0px 3px inset, rgba(0, 0, 0, 0.701961) 0px 0px 100px 0px inset;
    color: rgb(255, 139, 0);
    cursor: pointer;
    height: 128px;
    left: 0px;
    position: absolute;
    text-decoration: none solid rgb(255, 139, 0);
    top: 0px;
    width: 170px;
    z-index: 2;
    perspective-origin: 85px 64px;
    transform-origin: 85px 64px;
    content: '';
    border: 0px none rgb(255, 139, 0);
    font: normal normal normal 17px/23.7999992370605px Proxima-Nova, Helvetica, Arial, sans-serif;
    margin: 0px;
    outline:...