Exploring hover states on circle profile pictures.
A Pen by Hans Engebretsen on CodePen.
| <!-- Return to Top --> | |
| <a href="javascript:" id="return-to-top"><i class="icon-chevron-up"></i></a> | |
| <!-- ICON NEEDS FONT AWESOME FOR CHEVRON UP ICON --> | |
| <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> | |
| <!-- Test the scroll --> | |
| <div style="height:2000px;"> |
Exploring hover states on circle profile pictures.
A Pen by Hans Engebretsen on CodePen.
| <div class="container"> | |
| <div id="slick"> | |
| <div> | |
| <div class="img--holder" style="background-image: url(http://placehold.it/1920x1080);"></div> | |
| </div> | |
| <div> | |
| <div class="img--holder" style="background-image: url(http://placehold.it/1920x1080/849695/ffffff);"></div> | |
| </div> | |
| <div> | |
| <div class="img--holder" style="background-image: url(http://placehold.it/1920x1080/978298/000000);"></div> |
I hereby claim:
To claim this, I am signing this object: