Akherousin• 210
@Akherousin
Posted
- you could create a pseudo-element(::before or ::after) on an image container element. Make it stretch the whole width and height of the container. And give it the purple color of your choosing, then play with the opacity till you like it.
.image { position: relative; }
.image::before { content: '"; position: absolute; inset: 0; background-color: purple; opacity: 0.5; }
- usually inline elements do have magical white space. You could set display: block on the image to fix it.
1