keyboard shortcuts: ← previous shot → next shot 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.
121,233,357,205 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
18 Responses
Navigation within the modal? Interesting....
almost 2 years ago
Very Nice :)
Never seen a Modal with an exit button like that before really nice :)
almost 2 years ago
wow, very clean
almost 2 years ago
Nice colors and i like the noise effect on this colors, to tell you the truth i do not really like that close button..i cant find the words why i dont like it, but gives me a strange feeling, maybe is best to see in a wide image where i can see also the other three corners of the modal.
almost 2 years ago
Digging all the stuff you're doing at Zaarly, and this one is no exception.
almost 2 years ago
Looks lovely, although wondering how your going to achieve this in the code.
almost 2 years ago
@Matt we have some incredibly good code nuts, but I haven't sent this over to them yet. If it weighs in too heavy then we'll rethink.
almost 2 years ago
I agree with Matt Hamm on this. From a pure CSS point of view, I don't think it's possible to achieve a pixel perfect rendering. But only because the border is semi-transparent which means the overlap of borders will show up in a couple of small areas. It may not be an issue visually because of it being such a small nuance.
That said, I love the solid translucent border. Very pretty!
almost 2 years ago
Yeah, great work Matt. Would love to see a working prototype of this :)
almost 2 years ago
you would just have to slice this as images, no biggie.
almost 2 years ago
Love, love, love how that close button hangs out there. Has a screw-esque quality to it. Nothing worse than a close button that's hard to locate.
almost 2 years ago
couldnt you just add a wrapper div with padding and rgba bg? http://jsfiddle.net/C38xB/1/
almost 2 years ago
NIce.... as mentioned above I'll be interested in the execution of this treatment. That aside, it's definitely a unique modal.
almost 2 years ago
That's a really quirky close button, I love it!
almost 2 years ago
Mason worked out a great solution that we're going to blog about on the Zaarly blog soon. I'll post back here when we're done. Its almost entirely CSS.
almost 2 years ago
Rebound
One Option
by Chris Wallace!
This is just one way to do it but it's fairly easy. Oh, and that rgba box shadow should be a container div element with a rgba background prolly.
almost 2 years ago
@matt Excellent! Look forward to it.
almost 2 years ago
wow, totally dig how the close button is placed -- and integrated. Nicely done.
almost 2 years ago