Queen
Sheer Heart Attack

Published: 1974
Genre: Hard rock
Time: 39:09

• • 1
  • Brighton Rock
  • 5:09
• • 2
  • Killer Queen
  • 3:00
• • 3
  • Tenement Funster
  • 2:47
• • 4
  • Flick Of The Wrist
  • 3:17
• • 5
  • Lily Of The Valley
  • 1:45
• • 6
  • Now I'm Here
  • 4:13
• • 7
  • In The Lap Of The Gods
  • 3:22
• • 8
  • Stone Cold Crazy
  • 2:14
• • 9
  • Dear Friends
  • 1:07
• • 10
  • Misfire
  • 1:50
• • 11
  • Bring Back That Leroy Brown
  • 2:15
• • 12
  • She Makes Me (Stormtroopers In Stilettos)
  • 4:09
• • 13
  • In The Lap Of The Gods… Revisited
  • 3:44

This example demonstrates the power of WebKit’s implementation of gradients in css. This similar looking display to that of the iPhone album display uses a radial gradient (opposed to a linear) as the background for the track names. The overall effect is a dim light. The odd numbered tracks also use a gradient to take advantage of -webkit-gradient’s support of alpha values.

None of the gradients will work in other browsers. Check that your background and text are not the same color. The outermost div is set to black so it's viewable in other browsers.

Sheer Heart Attack is my favorite Queen album. I'm also quite fond of A Night At The Opera

Your browser isn't really going to benefit from this code example. According to jQuery, you are either not running Safari, or javascript is not enabled. Use Safari to see this page properly.

Code example © Martini Lab