I need help creating this division effect using CSS.
Hey all! hope you're well!
I am creating a project at the moment, and in my hero section, I want a series of images in a slideshow on the left, and on the right a solid color with some text and a button in it.
Currently I am just trying to work out how I would set up the container for this.
Ideally I would like to achieve this divide effect without having to edit the shape of the images themselves, so the dividing solid color would sit ontop of the images, and I could then place my content on top of that.
The closest I managed to get to the desired result was a diagonal solid color using border-left and border-bottom, however it doesn't work as the border cannot be transparent as far as I can tell.
Are any of you out there good with this sort of stuff? It's going to keep me awake and I'd love to be able to do it.
I am creating a project at the moment, and in my hero section, I want a series of images in a slideshow on the left, and on the right a solid color with some text and a button in it.
Currently I am just trying to work out how I would set up the container for this.
Ideally I would like to achieve this divide effect without having to edit the shape of the images themselves, so the dividing solid color would sit ontop of the images, and I could then place my content on top of that.
The closest I managed to get to the desired result was a diagonal solid color using border-left and border-bottom, however it doesn't work as the border cannot be transparent as far as I can tell.
Are any of you out there good with this sort of stuff? It's going to keep me awake and I'd love to be able to do it.
