Streaming live at 10am (PST)

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


#1

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!


#2

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


#3

That's so pretty! Great job!


#4

Thanks @Waldo and @nwdsha !


#5

Nice effect @justin_c !!! :ok_hand:


#6

very nice :webflow_heart:


#7

#8

#9