Skip to content

Instantly share code, notes, and snippets.

@PittsburghChris

PittsburghChris/index.html

Created December 10, 2013 21:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save PittsburghChris/7900476 to your computer and use it in GitHub Desktop.
Save PittsburghChris/7900476 to your computer and use it in GitHub Desktop.
Download ZIP
Make an image a circle using css
Raw
index.html
<div class="round-image"><img src="" alt=""></div>
Raw
style.css
.round-image img {
width: 300px;
height: 300px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
-ms-border-radius: 150px;
-o-border-radius: 150px;
border-radius: 150px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment