Circle and Round Corner Profile Picture CSS Style Code

Round Profile Picture style CSS code for Image. If you can design any dynamic application you need to show the profile picture of the signup user in your application. I will give the amazing code for the circle and round corner profile picture CSS style code. Just copy the below code and used the circle and round corner profile picture.

Round Corner Picture

.pic-round-corner {
display: block;
width: 100px;
height: 100px;
margin: .8em auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 5px solid #eee;
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}

Html Code

<img src="IMG URL" alt="profile picture css" class="pic-round-corner"/>

Round Corner Picture

.pic-circle-corner {
display: block;
width: 100px;
height: 100px;
margin: .8em auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 5px solid #eee;
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}

Html Code

<img alt="profile picture css" class="pic-circle-corner" src="IMG URL" />