Help with a svg clip mask

[Dest]

Hello , recently i found on deviantart a clip mask that i fell in love with. I searched all the pens on codepen to find it but with no succes.

This is the clip mask: http://oi67.tinypic.com/22b50k.jpg

Any idea where i can find it ?

[Paulie_D]

Why do you think this is a Codepen?

[Dest]

I didn’t say this is codepen , i said i searched all pens on codepen to find that clip mask but with no succes

[Atelierbram]

Don’t know if this is of any help, but I did a clip masking with SVG the other day which is also on Codepen. Maybe you can hack that one and combine it with the shape you found (when it is recreated in SVG).

… Oh wait, your the same person that came up with the idea for that one and never bothered to reply to that effort …

[Dest]

I found a way to include that clip mask you found in a slider , instead of the strawberries image i made a image with the background color of the body and rotated it 180 deg to be upside down , this is the result http://oi64.tinypic.com/29cw5ki.jpg but with this trick i found another problem wich is impossible to resolve i think, i want to combine the cattegories and sidebar with that clip mask like this http://oi65.tinypic.com/k9i4jo.jpg.

I tried a method with z-index but it doesn’t work , if i put z-index higher on cattegories and sidebar it will overlay with the clip mask and slider , if i put lower the clip mask and slider will mask the cattegories underneath them

So i have given up on that effect , maybe this effect doesn’t give me so much of a headache

[Atelierbram]

Definitely can be done, but one question first: can you/are you able to work with vector images? By which I mean create and/or manipulate vector images in software like Inkscape, Sketch or Illustrator, and output a clean SVG file.

[Dest]

Can you show me an example ?

[Atelierbram]

An example of what?

[Author]

Posts