Image with button overlay

by Dejan Vasic

HTML

<div class="img_container">
    <img src="http://placekitten.com/g/200/300" />
    <button>Remove</button>
</div>

CSS

.img_container {position: relative; width: 80px; height: 80px;}

.img_container button {display: none; position: absolute; bottom: 0; right: 0; height: 20px;}

.img_container:hover button {display: inline-block;}
.img_container:hover img { opacity: 0.5;}