It's a pretty poor attempt, but as close as I can get with sensible markup and pure CSS/HTML/SVG.
- The SVG mask doesn't give us nice drop shadows on the ellipsis
- The SVG mask was a rush job to start with - my bad
- Can't get the bubble 'tip' in CSS. At least, without extra unnecessary markup.
I wrote this up to be as flexible as possible, with the most sensible markup I could think of. If you think it's dumb, or you can improve on it, let me know!
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2016 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.