[animated] Addictive
![[animated] The Brief](http://dribbble.s3.amazonaws.com/users/4033/screenshots/513452/the-brief_teaser.gif)
keyboard shortcuts: ← previous shot → next shot L or F like
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.
113,785,817,781 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
8 Responses
Pro
Alex Pankratov
Please say hello to:
-moz-transition-property: background, color, padding, border-radius;
-moz-transition-duration: 400ms;
about 1 year ago
Sexy results.
about 1 year ago
Like the idea, but hovered state is too dark IMO.
about 1 year ago
I love it! This one is perfect! I need to go look up transitions and how they work. It's something I've never learned.
about 1 year ago
@Flavius Mihaiu Yes, learn about them. They are awesome.
@Alex Pankratov Love the transition to the more buttonish form. It really sucks you in to click. But I must agree to @Gadzhi Kharkharov too. You should try a white (or lighter) background on the transitioned state.
about 1 year ago
Pro
Mads E. U. Sorensen
Yeah, I like this, but a lighter background would be good I think
about 1 year ago
Rebound
[animated] The Brief
by Alex Pankratov
Button cross-fading and slider dot animation are via CSS transforms. The rest is scripted with jQuery.
about 1 year ago
Pro
Alex Pankratov
@Doug - thanks.
@Gadzhi, @Mads, @Sven - I agree, guys, the hover state looks somewhat dirty.
@Flavius - it's not a rocket science. Not quite cross-browser though.
about 1 year ago