Sliding Vinyl with CSS3

We take a standard album cover, a little HTML, and some CSS3 transitions and transforms to create a sliding vinyl effect for showing off the music you love.

Note: Demo works best in Safari 4.x and Chrome

  • Michael jackson thriller
    Michael Jackson
  • Michael jackson bad
    Michael Jackson
  • Michael jackson off the wall
    Michael Jackson
    Off the Wall
  • Jayz the blueprint 3
    The Blueprint 3
  • Keane perfect symmetry
    Perfect Symmetry
  • Muse the resistance
    The Resistance

Copyright ZURB, freely available for distribution under the MIT license.

Product Design Training from the Experts at ZURB

Reveal Modal Goodness

This is a default modal in all its glory, but any of the styles here can easily be changed in the CSS.

This is just a simple modal with the default styles, but any type of content can live in here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis sem vel enim eleifend tristique. Etiam tincidunt faucibus pharetra.


Log in with your ZURB ID

Log in with Google

Don't have a ZURB ID? Sign up

Forgot password?

Sign up for a ZURB ID

Sign up with Google

Already have a ZURB ID? Log in