Docs

[Andreas Bjerve]

Hi, I´m struggling to make a square image circular with HTML code. How do I proceed?

Thanks!

[Rupok]

Hi there,

Thanks for writing in! If you are using Image element in Cornerstone then there is the option to make it circled – http://prntscr.com/dw6ydu

If you are using within HTML somehow then add a custom class (say my-image) and use CSS like this :

.my-image{
  width: 300px;
  height: 300px;
  border-radius: 50%;
}

You can set your own height/width.

Cheers!

[Andreas Bjerve]

Thanks, that works in HTML, but I notice that the circle does not remain a circle when resizing the browser-window (it becomes oval). Any way to make the image a fixed circle?

[Christopher]

Hi there,

Please update previous code to :

.my-image{
  border-radius: 100%;
}

Hope it helps.

[Andreas Bjerve]

Nice – thanks!

[Christian]

You’re welcome.

[Author]

Posts