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 sign up 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"/>

    profile picture css

    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" />

    profile picture css

    Copyright Labw3