Sliding Doors Button

Views: 884

Helpful

Not Helpful

Helpful (2+) / Not Helpful (0-)


Video Comments

Post a Comment

Advertisement

Video Information

jjmunns

jjmunns

Description: While sliding doors is far from a new concept and will be obsoleted once we see wider support for multiple backgrounds (CSS3), it is still a good one for your bag-of-tricks. The theory is that if we have an extra hook in our markup, we can apply two overlapping background /videos/images to a single spot of text. When that text grows or shrinks, these overlapping /videos/images and reveal more of themselves creating the illusion it is a single expandable graphic. In this screencast we do a quickly example of how this can work for a button.

Uploaded On: 10/07/2010

Tags: CSS   HTML   Sliding   Doors   Button   CSS-Tricks   CSS3   background  

Embed (Post this video to your website or blog)