JSFiddle - React, Tailwind, and code Playground

by Manoj Pal

HTML

<div id="socmed">

<div id="icons"> 
    <div id="fb"></div>
</div>
</div>

CSS

#socmed {
height: 100px;
padding-top: 70px;
padding-bottom: 50px;
background-color:rgba(247, 34, 34, 0.7);
width: 100%;
}



#fb {
height: .89in;
width: .89in;
background-image:url("http://www.blueskyresumes.com/blog/wp-content/uploads/2013/09/is320.jpg");
    background-repeat:no-repeat;
     background-size:100%,100%;
}
#fb:hover {
background-image:url("http://www.flyte.biz/wp-content/uploads/2012/11/facebook-147.png");