TAG
CSS
Result
Run
License
<figure> <img src="http://resrc.devdic.com/img/bysize/below_200/01.png" width="100" /> <figcaption>Rollover me</figcaption> </figure>
figure { float: left; position: relative; } figure::after { content: url("http://resrc.devdic.com/img/bysize/below_200/01.png"); opacity: 0; position: absolute; top: 30px; left: 30px; display: inline-block; border: 1px solid #CCC; transition: 0.3s; } figure:hover::after { opacity: 1; }
Console
expand_less
License
License
by DevDic
Close