Streaming live at 10am (PST)

Div and Slider Styling help

#1

Hi,

I’m trying to design this. But I’m not able to figure out how.

Right-side is a regular Slider component.
Left-side is a DIV with a 45 degree angle and orange right border.

Any ideas on how can I do this?

Thank you. :slight_smile:

Here is my site Read-Only: https://preview.webflow.com/preview/rohans-stellar-project-576e0c?utm_source=rohans-stellar-project-576e0c&preview=8146d3ef84db4a7ba47d4ed42d666152
(how to share your site Read-Only link)

#2

I assume the title part is fixed and the slides are sliding underneath it.

You have to carefully chose where you put the elements that will get your overlay content. It can’t be, obviously, inside of the Slide element, but rather just under the Slider element.

I made the triangle by rotating a div but there’s tons of options for this. I’d make a SVG triangle, it’s easier. What’s cool with the rotated div is that you can animate its position and rotation with IX.

1 Like
#3

Thank you for showing me that. :slight_smile:

1 Like