Border-radius on background-image [closed]

Question

Closed. This question is off-topic. It is not currently accepting answers. Learn more.

---

Want to improve this question? Update the question so it's on-topic for Stack Overflow.

Closed 6 years ago.

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

Answer 1

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.

Answer 2

Try this

    div {
        border: 10px solid white;
       -moz-border-radius: 10px;
       background:url(map_background_box_right.png);
        }