Messages [CSS]

Messages css

Free code!

It's a pretty poor attempt, but as close as I can get with sensible markup and pure CSS/HTML/SVG.

Annoying things:

- 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!

  • Icon shotstat like
  • Icon shotstat drop

More from Daniel Eden

  1. Scooter—Dropbox’s (S)CSS Framework
  2. Is It Out?
  3. ⏰
  4. Party Mode


keyboard shortcuts: L or F like post comment