Streaming live at 10am (PST)

Clip-path, yea or nea?


#1

Would anyone know how to implement these super cool “shards” of red in the background? I like this way instead of a background image. Do you agree with this method?


#2

Hi Susan,

Something like this can be done in the background. You just need to create a section and give a relative position to it, and make the shard background position:absolute so it’s a sibling of the section. You can then use the transform tools to skew the div to your liking.

(that grey text on red is a bit offensive to the eyes though!) :joy:

I’ve done a sandbox version for you to look at just as an example
https://preview.webflow.com/preview/red-shards?preview=0ce2795cc6860f11dbaff15ee7fa2dd8
http://red-shards.webflow.io


#3

Thank you Markos! Looks like what I want to do. I see it’s a transform, that’s great we can achieve this in the designer tool. Many thanks and I’ll post the site when it’s ready.


#4

You’re welcome, look forward to seeing it! :smiley: