How to achieve image fixed to certain background position?
The title might be confusing, because I don't know how to exactly explain this. On this website there are semicircle images: https://luxana.peerduck.com/ Each image is inside of a semicircle frame (which is background?). And each image has a golden leaf attached to it. How would you make something like this? Any tips will be appreciated. 😊
2 Replies
you can make a picture element with a top left/right border radius and inside the image itself with also a top/left border-radius. then the leaf position absolute relative to the picture element.
I've made a quik codepen for you
https://codepen.io/MarkBoots/pen/LYMQymW
