Getting border-radius + bg-position to work with an image on Chrome

HTML & CSS
21

In that one your using an even numbered bg-position (0 -600px) with your adjusted image and it works fine without background-clip.

.wraph {
  position: relative;
  width: 606px;
  height: 606px;
  margin-top: 45px;
  border-radius: 25px;
  border: 3px solid red;
  box-sizing: border-box;
  background-position: 0px -600px;
}
2 Likes
22

I’m going to stick with this one instead.

Thanks everyone for all your help figuring this out.

2 Likes
23

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.