css - images crop circle

tag img

1	<img src="avatar.png" />

.avatar img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
}

tag background

1	<div class="row"></div>

.row {
  width:300px;
  height:300px;
  background-image: url( avatar.png );
  background-size:cover;
  background-position:center;
}

URARA

乌拉拉大陆

tokyo

Posts

115

Update your browser to view this website correctly. Update my browser now