CSS Sprite-Slide Button

I’ve found hundreds of tutorials on the sliding doors button and hundreds on the sprite technique but never a combination of both. This button combines the wonderful sprite technique with the sliding doors technique to make a beautiful button that not only loads in a snap but also looks great and scales to your text! I hope this is something useful for you! Please give me a shout-out if you like and use this code!

Demo Page

Download Source

Posted // in // Web Design Tips 2 Comments
  • http://www.bybe.net/ Web Design Bournemouth

    Awesome, just want the doc ordered thanks for including the demo and the source ! :P

    • http://brandonsetter.com Brandon Setter

      You’re very welcome. Hope this can be helpful to you.

Meet Brandon

Freelance filmmaker, video director at ROCKHARBOR Church, film blogger, husband, motorcycle aficionado and man with a first-rate beard. I travel the globe for cool project opportunities, epic adventures, or the chance to see something new.


Nick Sickelton (Graphic Designer)
Jonas Barber (Graphic Designer)
Nick Benoit (Artist, Writer)
Jeremy Harris (Web Programmer)
Elana Grace (Photographer)
The Youngrens (Wedding Photographers)
Join The Lights (Non-profit Films)
Max & Molly Films (Wedding Videography)
Richard Miro (Filmmaker / Photographer)

Let’s Connect

rss email instagram pinterest vimeo youtube twitter facebook