Border-radius on background-image

Michał Urban picture Michał Urban · Jan 16, 2013 · Viewed 76.1k times · Source

Is it possible to add border-radius on background-image ?

Answer

David Czinege picture David Czinege · Jan 16, 2013

Yes it is possible:

div {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: none;
  width: 500px;
  height: 335px;
  background: url(http://themescompany.com/wp-content/uploads/2012/02/6402.jpg);
}

Click here for demo.