LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
stephen
CSS
body {
	width: 300px;
	height: 300px;
	margin: 30px auto 0 auto;

}

.biopic {
-webkit-border-radius: 108px;
-moz-border-radius:108px;
border-radius: 108px;
border: 8px solid #49789f;
width: 200px;
height: 200px;
background-image: url(http://www.stephenemlund.com/sandbox/images/steve.jpg);
}

.biopic span {
-webkit-border-radius: 108px;
-moz-border-radius:108px;
border-radius: 108px;
width: 200px;
height: 200px;
display: block;
text-indent: -5000px;
line-height: 200px;
font-family: Arial, sans-serif;
font-size: 2.5em;
font-weight: bold;
text-shadow: 0px 2px 8px #49789f;
color: #fff;
text-align: center;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
overflow: hidden;
}

.biopic span:hover {
background: rgba(73,120,159);
background: rgba(73,120,159,0.5);
text-indent: 0px;
overflow: hidden;

}

img {
-webkit-border-radius: 108px;
-moz-border-radius:108px;
border-radius: 108px;
}
Host Instantly Drag and Drop Website Builder

 

Term
Thu, 02/22/2018 - 09:58

Related Codes

Pen ID
Pen ID
Pen ID