how to add border radius for background image in div block
I have a background image with text on it. i am adding border radius for it. its working. but i see image not filling fully. I tried a lot. unable to fix this. Someone please help me with it.
CodeSandbox link: https://codesandbox.io/p/sandbox/awesome-moon-w3sldj?file=%2Fsrc%2FApp.js%3A27%2C2
3 Replies
Could it be that the image itself has transparent edges?
I tested your code with a random image and it went right up to the edge of the container
Just confirmed this by checking the image in the inspector (I could have saved myself some time if I did this first 🤦♂️ ). The image as a transparent border all around it.
Thank u so much for pointing out. u saved me. I will check with my designer to remove it..Thanks a lot...🙏