/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

0 vote241 views1 answer
Css media query gist
CSS
64 votes207 views6 answers
Center image html
CSS
1 vote233 views6 answers
Ease in out css
CSS
0 vote225 views1 answer
Remove 000webhost ads
CSS
0 vote218 views1 answer
Prevent bounce scroll css
CSS
0 vote243 views1 answer
Operador css contain attr
CSS
0 vote216 views1 answer
Redesign html select
CSS
27 votes235 views4 answers
Unselectable text css
CSS
0 vote246 views1 answer
Input remove blue glow
CSS
7 votes213 views2 answers
Css list remove dot
CSS