Paint brush strokes using positioning, Z-indexes, and Interactions

Hi guys!

I recently completed a project where the client wanted their logo to have the illusion of being painted.

After some serious testing and lightbulb moments I finally got it by breaking the logo into multiple pieces, using absolute positioning (with Z-indexes), and by having same colored divs slide over the pieces.

Here is the showcase page: https://webflow.com/website/Moxie-j2tlm9vw

I’d love to hear what you guys think or of any feedback!

8 Likes

Absolutely incredible!!! Great job :clap: :grinning:

That’s so pretty! Great job!

Thanks @Waldo and @nwdsha !

1 Like

Nice effect @justin_c !!! :ok_hand:

very nice :webflow_heart: