JSFiddle - React, Tailwind, and code Playground

by venkateshwar

HTML

<table width="100%">
    <tr>
        <td align="left"><a href="http://pinkmodels.16mb.com/">
            <img class="style1"/>
        </a></td>
        <td align="center"><a href="http://pinkmodels.16mb.com/models/">
                <img class="style2"/>
        </a></td>
        <td align="center"><a href="http://pinkmodels.16mb.com/blog/">
                <img class="style3"/>
        </a></td>
        <td align="center"><a href="http://pinkmodels.16mb.com/about/">
            <img class="style4"/>
        </a></td>
        <td align="right"><a href="http://pinkmodels.16mb.com/contact/">
            <img class="style5"/>
        </a></td>
    </tr>
</table>

CSS

.style1, .style2, .style3, .style4, .style5
{
    width:100px;
    height:100px;
}

.style1
{
content:url('http://www.audenaerde.org/tiger.jpg');
}
a:hover>.style1
{
content:url('http://www.butterflypictures.net/images/morpho-butterfly.jpg');
}


.style2
{
content:url('http://www.shoarns.com/Hartmanns%20Zebra%20web%20ma_Aug_20052099-08-03_14-02-03.jpg');
}
a:hover>.style2
{
content:url('http://static.ddmcdn.com/gif/hippo-sunscreen-1.jpg');
}
.style3
{
content:url('http://www.audenaerde.org/tiger.jpg');
}
a:hover>.style3
{
content:url('http://www.butterflypictures.net/images/morpho-butterfly.jpg');
}


.style4
{
content:url('http://www.shoarns.com/Hartmanns%20Zebra%20web%20ma_Aug_20052099-08-03_14-02-03.jpg');
}
a:hover>.style4
{
content:url('http://static.ddmcdn.com/gif/hippo-sunscreen-1.jpg');
}

.style5
{
content:url('http://www.shoarns.com/Hartmanns%20Zebra%20web%20ma_Aug_20052099-08-03_14-02-03.jpg');
}
a:hover>.style5
{
content:url('http://static.ddmcdn.com/gif/hippo-sunscreen-1.jpg');
}