/CSS/How to make rounded corners in css with images

How to make rounded corners in css with images

How to round the edges of an image in HTML

img.rounded-corners {
  border-radius: 30px;
}

Source: ianrmedia.unl.edu

Css image round

 img {
  border-radius: 50%;
  height:200px;
  width:200px;
} 
/*image size, (height & width) both must be same.
	if they are not same then no circle. 
*/

How to make rounded corners in css with images

img{
  width: 200px;
  height:200px;
  border-radius: 50%;
}

Source: programmersportal.com

Similar codes

17 votes240 views2 answers
Rgb green
CSS
0 vote247 views1 answer
Many pseudo selectors in css
CSS
2 votes239 views1 answer
Transfrom rotate
CSS
0 vote623 views1 answer
Effetto fade con css
CSS
10 votes259 views6 answers
Modal html
CSS
2 votes232 views1 answer
Putting label on top of input css
CSS
1 vote255 views2 answers
Link active css
CSS
0 vote283 views2 answers
Fix materialize form label not working
CSS
0 vote245 views1 answer
Mdn css marker
CSS