Perspective

Bloglog

Perspective

body {
width:480px;
height:320px;
margin:0px;

font-weight:bold;
background-color:black;
color:white;
}
#lyricsView {
-webkit-transform: translateZ(0);
width:480px;
height:320px;
font-size:30px;
font-weight:bold;
position:absolute;
top:0px;
left:0px;
text-align:center;
overflow:hidden;
-webkit-perspective: 500px;
}
#bgMask {

}

#lyricsContainer {
-webkit-transform: rotateX(52deg) scale(0.5);
}

#lyricsList {
position:absolute;
top:-600px;
-webkit-transition-duration:0.4s;
-webkit-transition-timing-function: linear;
}

.lyricsLine {
width:480px;
}

#lyricsLine0, #lyricsLine1, #lyricsLine2, #lyricsLine3, #lyricsLine4, #lyricsLine5 {

}

#lyricsLine0Content, #lyricsLine1Content, #lyricsLine2Content, #lyricsLine3Content, #lyricsLine4Content, #lyricsLine5Content {

}

.lyricsIn, .lyricsOut, .lyricsCurrent, .lyricsNext, .lyricsPrevious {

}

.lyricsIn {
}

.lyricsOut {
}

.lyricsCurrent {
}

.lyricsNext {

}

.lyricsPrevious {
-webkit-transition-duration: 1s;
opacity: 0;
}

.lyricsPrevious2 {

}

#lyricsList > div {
}

#lyricsList > div:nth-child(even) {
}

#lyricsList > div:nth-child(odd) {
}