Build Angled Divider - Stripe-like UI

[flrng]

Hi Bubble community,

I’d like to know if someone knows how to build/draw a divider like the one below?
I’ve tried a few things - using shapes, plugins, background gradient but I didn’t succeed.
Thanks for your help

Source: Stripe.com

[shawnmi6]

Can’t do that out of the box with bubble, but you can use basic css to achieve that using something like clip-path.

assign an ID to your group example “box” and paste the following code in your page’s HTML Header

<style>
#box {
      -webkit-clip-path: polygon(0 25%, 100% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 25%, 100% 0, 100% 100%, 0 100%);
    }
</style>

Result:

[flrng]

Hi @shawnmi6,

Thanks for your help!
It works perfectly.

For the ones who want to do the same, you can go to this page to generate the forms you need:
https://bennettfeely.com/clippy/