CSS3 Shenanigans

6 Responses

1. Pro Benjamin Smith

   I kinda like CSS3. Makes me feel all warm and fuzzy. No images, except for the background. OR IS IT? Okay yeah, it is.

   Mmm, scalable.

   about 2 years ago

2. Jono Mallanyk

   Wow Ben, really impressed by that. Feel free to share the code!

   about 2 years ago

3. Chris Drackett

   why am I coding all your stuff again? ;)

   about 2 years ago

4. Pro Anthony Dines

   Very nice! How are you doing that diagonal gradient over both sections?

   about 2 years ago

5. Pro Tyler Thompson

   Wow.

   about 2 years ago

6. Pro Benjamin Smith

   I can't give away too many details because that would reveal my true identity, but it's a pretty basic mix of border-radius (obviously), rgba love, and some -webkit-gradient trickery. Unfortunately -moz-linear-gradient doesn't play nice when setting the gradient direction (well, it wouldn't for me), so they miss out on the shiny. Having said that, -moz-box-shadow allows you to set a spread on the shadow, which makes the outer border possible without extra span tags (which I ended up using), so those Mozilla dudes ain't so bad after all.

   about 2 years ago