Updating an Ecoute skin to include controls. The original intent was to render everything via CSS3, but this feature ended up leading me to include small PNGs for the buttons themselves. If anyone has a suggestion as to how that might perhaps be accomplished purely with CSS3, I'm all ears (Ecoute also renders things using webkit, so supporting anything else isn't a concern).
The progress bar, control backing and cover overlay are all CSS3.
Edit: Added a slightly updated view with altered text spacing and the controls dismissed (done via cover click).
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–2017 Dribbble Holdings Ltd. All screenshots © their respective owners.