Tear drop (mask?)
# December 30, 2012 at 1:55 pm
are you looking for something like this?
you’ll have to wrap something around the image or else you rotate the image itself# December 30, 2012 at 1:58 pm
Would the easiest way be to use an image mask with CSS?? Create an SVG of a teardrop of your desire, then apply the mask? Not sure of the browser support you need, but below are a few resources.# December 30, 2012 at 2:20 pm
Using a container: http://codepen.io/andyunleashed/pen/gFcCt
Using a container with a subelement and a background image: http://codepen.io/andyunleashed/pen/qfrGx
Bugger is for some reason Chrome isn’t sorting the radius properly – super wierd as both webkit obviously.
Gonna keep playing.# December 30, 2012 at 7:06 pm
i also went ahead and slapped together a quick codepen demo: http://codepen.io/derekfogge/pen/cqfrL
You must be logged in to reply to this topic.