Rollover. Good dog.

Tags

1. 33 blue
2. 32 grey
3. 21 css3exp
4. 19 helvetica
5. 15 rgba
6. 13 css3
7. 12 border-radius
8. 10 text-shadow
9. 2 hover

18 Responses

1. Pro Dan Cederholm

   Heavily inspired by Faruk's 'Elsewhere' sidebar behavior, I'm building a fancy fly-out transition in a sidebar of meaningless data.

   about 2 years ago

2. Pro Naz Hamid

   Mr. Fancypants. Very nifty indeed.

   about 2 years ago

3. Pro D. Keith Robinson

   Oooh, sexy.

   about 2 years ago

4. Pro Derek Balmer

   Very cool! Love the textures and transparencies you have here as well.

   about 2 years ago

5. Pro Matthew Anderson

   Yes, sir.

   about 2 years ago

6. Pro Harold Emsheimer

   Love that transparency on it.

   about 2 years ago

7. Eric E. Anderson

   Ooohhh... papa like!

   about 2 years ago

8. Pro Faruk Ateş

   I'm super-flattered that I inspired you, Dan. Like…wow. :)

   about 2 years ago

9. Pro Luke Dorny

   zuper!

   about 2 years ago

10. Pro Wilson Miner

    The FUNiture category sounds like FUN!

    about 2 years ago

11. Pro Sam Brown

    Lovely lovely.

    about 2 years ago

12. Pro Adam Darowski

    So many treats in this, it could have been ten dribbbles. Awesome.

    about 2 years ago

13. Pro Matthew Smith

    Love this effect! Does anyone else feel like the drop shadow makes the blue feel fuzzy at the bottom?

    about 2 years ago

14. Pro Faruk Ateş

    Matthew: it does in Dan's shot, yes, but I don't feel that way about my tabs — probably because I'm using a darker shadow.

    about 2 years ago

15. Pro Tyler Thompson

    Maybe the icon should go white on hover to match the text?

    about 2 years ago

16. Pro Dan Cederholm

    Thanks all!

    @Wilson: I could lie and say that typo was intentional :) Thanks for catching.

    @Matthew: I agree. Might toss it completely. Agree with Faruk that it works great on his because it's darker. It was there primarily as a talking point for box-shadow, but not necessary.

    @Tyler: Good point there, sir. I'm going to be demonstrating using opactiy on a single icon to get more mileage out of it, but just changed the "items" text to dark to match the icon and it works better I think.

    Thanks for the feedback!

    about 2 years ago

17. Taddeo Zacchini

    The pet icon is just great!
    Awesome design!

    about 2 years ago

18. Pro Veerle Pieters

    @Dan, I never see typos as well when I am designing :) The dog looks super there.

    about 2 years ago