Streaming live at 10am (PST)

Need help creating down arrow border for sections


#1

Hello,

I need some help creating a section break or divider. I need a div block that can sit on top of a section, and overlay on the section above to create a down arrow bottom border. In a very messy way, I was able to slant two div blocks toward each other, and it works OKAY for small to medium screens. But on larger monitors the background on the section above begins to “peek” through on the far corners. Is there a way to create a div block that can sit on top of a section, to create the effect of a down arrow? See screenshots.

Any help is very appreciated!

Here is my site Read-Only: https://preview.webflow.com/preview/hughes-klaiber?preview=b07af5e64f481493311b9e04d52db2f1
(how to share your site Read-Only link)


#2

You can use masking and clipping for a much more solid method. I gathered few techniques here if that’s any help. Check the “Using an external image as a mask” section here: http://clipping-masking.webflow.io/

Share Link https://preview.webflow.com/preview/clipping-masking?preview=9ad6d870285a5f054e8124f1b33f1661