CSS transparent background on png

Changes colour on hover

by Luke Harby

HTML

<div class="wrapper">
    <img src="http://upload.wikimedia.org/wikipedia/en/2/2d/SRU-Logo-Transparent.png" />
</div>

CSS

.wrapper {
    cursor:pointer;
    transition:all 400ms ease-in;
}

.wrapper:hover {
   background:powderBlue;
    transition:all 400ms ease-in;
}

.wrapper img {
    width:100%;
}