/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 vote200 views1 answer
Remove border radius select css
CSS
0 vote193 views1 answer
Bodyparser limit
CSS
1 vote201 views1 answer
Add css variables without global
CSS
4 votes189 views1 answer
Overflow dottet
CSS
0 vote195 views1 answer
Animacion de gota css
CSS
32 votes206 views6 answers
Css animations
CSS
8 votes270 views5 answers
Css hover change other element
CSS
104 votes202 views6 answers
Media screen
CSS
4 votes198 views3 answers
Css alternate row color
CSS
0 vote200 views2 answers
Easyui datagrid header color
CSS