/*
                                __      _ _                   _   
                               / _|    | (_)                 | |  
 _ __ ___   __ _ _ __ ___ ___ | |_ ___ | |_  ___   _ __   ___| |_ 
| '_ ` _ \ / _` | '__/ __/ _ \|  _/ _ \| | |/ _ \ | '_ \ / _ \ __|
| | | | | | (_| | | | (_| (_) | || (_) | | | (_) || | | |  __/ |_ 
|_| |_| |_|\__,_|_|  \___\___/|_| \___/|_|_|\___(_)_| |_|\___|\__|
                                                                  
*/

/* GENERATED CODE BELOW THIS LINE */
#container li:nth-child(1) div { background-position:0 -0px; }
#container:hover li:nth-child(1) div { -webkit-animation-name: flip1; }
@-webkit-keyframes flip1 {
 0% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(1) div { -webkit-animation-name: backflip1; }
@-webkit-keyframes backflip1 {
 0% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(2) div { background-position:0 -5px; }
#container:hover li:nth-child(2) div { -webkit-animation-name: flip2; }
@-webkit-keyframes flip2 {
 0% { } 1% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(2) div { -webkit-animation-name: backflip2; }
@-webkit-keyframes backflip2 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(3) div { background-position:0 -10px; }
#container:hover li:nth-child(3) div { -webkit-animation-name: flip3; }
@-webkit-keyframes flip3 {
 0% { } 1% { } 2% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(3) div { -webkit-animation-name: backflip3; }
@-webkit-keyframes backflip3 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(4) div { background-position:0 -15px; }
#container:hover li:nth-child(4) div { -webkit-animation-name: flip4; }
@-webkit-keyframes flip4 {
 0% { } 1% { } 2% { } 3% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(4) div { -webkit-animation-name: backflip4; }
@-webkit-keyframes backflip4 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(5) div { background-position:0 -20px; }
#container:hover li:nth-child(5) div { -webkit-animation-name: flip5; }
@-webkit-keyframes flip5 {
 0% { } 1% { } 2% { } 3% { } 4% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(5) div { -webkit-animation-name: backflip5; }
@-webkit-keyframes backflip5 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(6) div { background-position:0 -25px; }
#container:hover li:nth-child(6) div { -webkit-animation-name: flip6; }
@-webkit-keyframes flip6 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(6) div { -webkit-animation-name: backflip6; }
@-webkit-keyframes backflip6 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(7) div { background-position:0 -30px; }
#container:hover li:nth-child(7) div { -webkit-animation-name: flip7; }
@-webkit-keyframes flip7 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(7) div { -webkit-animation-name: backflip7; }
@-webkit-keyframes backflip7 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(8) div { background-position:0 -35px; }
#container:hover li:nth-child(8) div { -webkit-animation-name: flip8; }
@-webkit-keyframes flip8 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(8) div { -webkit-animation-name: backflip8; }
@-webkit-keyframes backflip8 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(9) div { background-position:0 -40px; }
#container:hover li:nth-child(9) div { -webkit-animation-name: flip9; }
@-webkit-keyframes flip9 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(9) div { -webkit-animation-name: backflip9; }
@-webkit-keyframes backflip9 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(10) div { background-position:0 -45px; }
#container:hover li:nth-child(10) div { -webkit-animation-name: flip10; }
@-webkit-keyframes flip10 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(10) div { -webkit-animation-name: backflip10; }
@-webkit-keyframes backflip10 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(11) div { background-position:0 -50px; }
#container:hover li:nth-child(11) div { -webkit-animation-name: flip11; }
@-webkit-keyframes flip11 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(11) div { -webkit-animation-name: backflip11; }
@-webkit-keyframes backflip11 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(12) div { background-position:0 -55px; }
#container:hover li:nth-child(12) div { -webkit-animation-name: flip12; }
@-webkit-keyframes flip12 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(12) div { -webkit-animation-name: backflip12; }
@-webkit-keyframes backflip12 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(13) div { background-position:0 -60px; }
#container:hover li:nth-child(13) div { -webkit-animation-name: flip13; }
@-webkit-keyframes flip13 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(13) div { -webkit-animation-name: backflip13; }
@-webkit-keyframes backflip13 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(14) div { background-position:0 -65px; }
#container:hover li:nth-child(14) div { -webkit-animation-name: flip14; }
@-webkit-keyframes flip14 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(14) div { -webkit-animation-name: backflip14; }
@-webkit-keyframes backflip14 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(15) div { background-position:0 -70px; }
#container:hover li:nth-child(15) div { -webkit-animation-name: flip15; }
@-webkit-keyframes flip15 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(15) div { -webkit-animation-name: backflip15; }
@-webkit-keyframes backflip15 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(16) div { background-position:0 -75px; }
#container:hover li:nth-child(16) div { -webkit-animation-name: flip16; }
@-webkit-keyframes flip16 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(16) div { -webkit-animation-name: backflip16; }
@-webkit-keyframes backflip16 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(17) div { background-position:0 -80px; }
#container:hover li:nth-child(17) div { -webkit-animation-name: flip17; }
@-webkit-keyframes flip17 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(17) div { -webkit-animation-name: backflip17; }
@-webkit-keyframes backflip17 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(18) div { background-position:0 -85px; }
#container:hover li:nth-child(18) div { -webkit-animation-name: flip18; }
@-webkit-keyframes flip18 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(18) div { -webkit-animation-name: backflip18; }
@-webkit-keyframes backflip18 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(19) div { background-position:0 -90px; }
#container:hover li:nth-child(19) div { -webkit-animation-name: flip19; }
@-webkit-keyframes flip19 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(19) div { -webkit-animation-name: backflip19; }
@-webkit-keyframes backflip19 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(20) div { background-position:0 -95px; }
#container:hover li:nth-child(20) div { -webkit-animation-name: flip20; }
@-webkit-keyframes flip20 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(20) div { -webkit-animation-name: backflip20; }
@-webkit-keyframes backflip20 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(21) div { background-position:0 -100px; }
#container:hover li:nth-child(21) div { -webkit-animation-name: flip21; }
@-webkit-keyframes flip21 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(21) div { -webkit-animation-name: backflip21; }
@-webkit-keyframes backflip21 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(22) div { background-position:0 -105px; }
#container:hover li:nth-child(22) div { -webkit-animation-name: flip22; }
@-webkit-keyframes flip22 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(22) div { -webkit-animation-name: backflip22; }
@-webkit-keyframes backflip22 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(23) div { background-position:0 -110px; }
#container:hover li:nth-child(23) div { -webkit-animation-name: flip23; }
@-webkit-keyframes flip23 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(23) div { -webkit-animation-name: backflip23; }
@-webkit-keyframes backflip23 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(24) div { background-position:0 -115px; }
#container:hover li:nth-child(24) div { -webkit-animation-name: flip24; }
@-webkit-keyframes flip24 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(24) div { -webkit-animation-name: backflip24; }
@-webkit-keyframes backflip24 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(25) div { background-position:0 -120px; }
#container:hover li:nth-child(25) div { -webkit-animation-name: flip25; }
@-webkit-keyframes flip25 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(25) div { -webkit-animation-name: backflip25; }
@-webkit-keyframes backflip25 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(26) div { background-position:0 -125px; }
#container:hover li:nth-child(26) div { -webkit-animation-name: flip26; }
@-webkit-keyframes flip26 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(26) div { -webkit-animation-name: backflip26; }
@-webkit-keyframes backflip26 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(27) div { background-position:0 -130px; }
#container:hover li:nth-child(27) div { -webkit-animation-name: flip27; }
@-webkit-keyframes flip27 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(27) div { -webkit-animation-name: backflip27; }
@-webkit-keyframes backflip27 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(28) div { background-position:0 -135px; }
#container:hover li:nth-child(28) div { -webkit-animation-name: flip28; }
@-webkit-keyframes flip28 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(28) div { -webkit-animation-name: backflip28; }
@-webkit-keyframes backflip28 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(29) div { background-position:0 -140px; }
#container:hover li:nth-child(29) div { -webkit-animation-name: flip29; }
@-webkit-keyframes flip29 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(29) div { -webkit-animation-name: backflip29; }
@-webkit-keyframes backflip29 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(30) div { background-position:0 -145px; }
#container:hover li:nth-child(30) div { -webkit-animation-name: flip30; }
@-webkit-keyframes flip30 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(30) div { -webkit-animation-name: backflip30; }
@-webkit-keyframes backflip30 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(31) div { background-position:0 -150px; }
#container:hover li:nth-child(31) div { -webkit-animation-name: flip31; }
@-webkit-keyframes flip31 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(31) div { -webkit-animation-name: backflip31; }
@-webkit-keyframes backflip31 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(32) div { background-position:0 -155px; }
#container:hover li:nth-child(32) div { -webkit-animation-name: flip32; }
@-webkit-keyframes flip32 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(32) div { -webkit-animation-name: backflip32; }
@-webkit-keyframes backflip32 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(33) div { background-position:0 -160px; }
#container:hover li:nth-child(33) div { -webkit-animation-name: flip33; }
@-webkit-keyframes flip33 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(33) div { -webkit-animation-name: backflip33; }
@-webkit-keyframes backflip33 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(34) div { background-position:0 -165px; }
#container:hover li:nth-child(34) div { -webkit-animation-name: flip34; }
@-webkit-keyframes flip34 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(34) div { -webkit-animation-name: backflip34; }
@-webkit-keyframes backflip34 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(35) div { background-position:0 -170px; }
#container:hover li:nth-child(35) div { -webkit-animation-name: flip35; }
@-webkit-keyframes flip35 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(35) div { -webkit-animation-name: backflip35; }
@-webkit-keyframes backflip35 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(36) div { background-position:0 -175px; }
#container:hover li:nth-child(36) div { -webkit-animation-name: flip36; }
@-webkit-keyframes flip36 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(36) div { -webkit-animation-name: backflip36; }
@-webkit-keyframes backflip36 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(37) div { background-position:0 -180px; }
#container:hover li:nth-child(37) div { -webkit-animation-name: flip37; }
@-webkit-keyframes flip37 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(37) div { -webkit-animation-name: backflip37; }
@-webkit-keyframes backflip37 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(38) div { background-position:0 -185px; }
#container:hover li:nth-child(38) div { -webkit-animation-name: flip38; }
@-webkit-keyframes flip38 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(38) div { -webkit-animation-name: backflip38; }
@-webkit-keyframes backflip38 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(39) div { background-position:0 -190px; }
#container:hover li:nth-child(39) div { -webkit-animation-name: flip39; }
@-webkit-keyframes flip39 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(39) div { -webkit-animation-name: backflip39; }
@-webkit-keyframes backflip39 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(40) div { background-position:0 -195px; }
#container:hover li:nth-child(40) div { -webkit-animation-name: flip40; }
@-webkit-keyframes flip40 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(40) div { -webkit-animation-name: backflip40; }
@-webkit-keyframes backflip40 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(41) div { background-position:0 -200px; }
#container:hover li:nth-child(41) div { -webkit-animation-name: flip41; }
@-webkit-keyframes flip41 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(41) div { -webkit-animation-name: backflip41; }
@-webkit-keyframes backflip41 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(42) div { background-position:0 -205px; }
#container:hover li:nth-child(42) div { -webkit-animation-name: flip42; }
@-webkit-keyframes flip42 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(42) div { -webkit-animation-name: backflip42; }
@-webkit-keyframes backflip42 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(43) div { background-position:0 -210px; }
#container:hover li:nth-child(43) div { -webkit-animation-name: flip43; }
@-webkit-keyframes flip43 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(43) div { -webkit-animation-name: backflip43; }
@-webkit-keyframes backflip43 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(44) div { background-position:0 -215px; }
#container:hover li:nth-child(44) div { -webkit-animation-name: flip44; }
@-webkit-keyframes flip44 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(44) div { -webkit-animation-name: backflip44; }
@-webkit-keyframes backflip44 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(45) div { background-position:0 -220px; }
#container:hover li:nth-child(45) div { -webkit-animation-name: flip45; }
@-webkit-keyframes flip45 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(45) div { -webkit-animation-name: backflip45; }
@-webkit-keyframes backflip45 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(46) div { background-position:0 -225px; }
#container:hover li:nth-child(46) div { -webkit-animation-name: flip46; }
@-webkit-keyframes flip46 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(46) div { -webkit-animation-name: backflip46; }
@-webkit-keyframes backflip46 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(47) div { background-position:0 -230px; }
#container:hover li:nth-child(47) div { -webkit-animation-name: flip47; }
@-webkit-keyframes flip47 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(47) div { -webkit-animation-name: backflip47; }
@-webkit-keyframes backflip47 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(48) div { background-position:0 -235px; }
#container:hover li:nth-child(48) div { -webkit-animation-name: flip48; }
@-webkit-keyframes flip48 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(48) div { -webkit-animation-name: backflip48; }
@-webkit-keyframes backflip48 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(49) div { background-position:0 -240px; }
#container:hover li:nth-child(49) div { -webkit-animation-name: flip49; }
@-webkit-keyframes flip49 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(49) div { -webkit-animation-name: backflip49; }
@-webkit-keyframes backflip49 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(50) div { background-position:0 -245px; }
#container:hover li:nth-child(50) div { -webkit-animation-name: flip50; }
@-webkit-keyframes flip50 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(50) div { -webkit-animation-name: backflip50; }
@-webkit-keyframes backflip50 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(51) div { background-position:0 -250px; }
#container:hover li:nth-child(51) div { -webkit-animation-name: flip51; }
@-webkit-keyframes flip51 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(51) div { -webkit-animation-name: backflip51; }
@-webkit-keyframes backflip51 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(52) div { background-position:0 -255px; }
#container:hover li:nth-child(52) div { -webkit-animation-name: flip52; }
@-webkit-keyframes flip52 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(52) div { -webkit-animation-name: backflip52; }
@-webkit-keyframes backflip52 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(53) div { background-position:0 -260px; }
#container:hover li:nth-child(53) div { -webkit-animation-name: flip53; }
@-webkit-keyframes flip53 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(53) div { -webkit-animation-name: backflip53; }
@-webkit-keyframes backflip53 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(54) div { background-position:0 -265px; }
#container:hover li:nth-child(54) div { -webkit-animation-name: flip54; }
@-webkit-keyframes flip54 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(54) div { -webkit-animation-name: backflip54; }
@-webkit-keyframes backflip54 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(55) div { background-position:0 -270px; }
#container:hover li:nth-child(55) div { -webkit-animation-name: flip55; }
@-webkit-keyframes flip55 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(55) div { -webkit-animation-name: backflip55; }
@-webkit-keyframes backflip55 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(56) div { background-position:0 -275px; }
#container:hover li:nth-child(56) div { -webkit-animation-name: flip56; }
@-webkit-keyframes flip56 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(56) div { -webkit-animation-name: backflip56; }
@-webkit-keyframes backflip56 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(57) div { background-position:0 -280px; }
#container:hover li:nth-child(57) div { -webkit-animation-name: flip57; }
@-webkit-keyframes flip57 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(57) div { -webkit-animation-name: backflip57; }
@-webkit-keyframes backflip57 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(58) div { background-position:0 -285px; }
#container:hover li:nth-child(58) div { -webkit-animation-name: flip58; }
@-webkit-keyframes flip58 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(58) div { -webkit-animation-name: backflip58; }
@-webkit-keyframes backflip58 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(59) div { background-position:0 -290px; }
#container:hover li:nth-child(59) div { -webkit-animation-name: flip59; }
@-webkit-keyframes flip59 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(59) div { -webkit-animation-name: backflip59; }
@-webkit-keyframes backflip59 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(60) div { background-position:0 -295px; }
#container:hover li:nth-child(60) div { -webkit-animation-name: flip60; }
@-webkit-keyframes flip60 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(60) div { -webkit-animation-name: backflip60; }
@-webkit-keyframes backflip60 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(61) div { background-position:0 -300px; }
#container:hover li:nth-child(61) div { -webkit-animation-name: flip61; }
@-webkit-keyframes flip61 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(61) div { -webkit-animation-name: backflip61; }
@-webkit-keyframes backflip61 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(62) div { background-position:0 -305px; }
#container:hover li:nth-child(62) div { -webkit-animation-name: flip62; }
@-webkit-keyframes flip62 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(62) div { -webkit-animation-name: backflip62; }
@-webkit-keyframes backflip62 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(63) div { background-position:0 -310px; }
#container:hover li:nth-child(63) div { -webkit-animation-name: flip63; }
@-webkit-keyframes flip63 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(63) div { -webkit-animation-name: backflip63; }
@-webkit-keyframes backflip63 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(64) div { background-position:0 -315px; }
#container:hover li:nth-child(64) div { -webkit-animation-name: flip64; }
@-webkit-keyframes flip64 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(64) div { -webkit-animation-name: backflip64; }
@-webkit-keyframes backflip64 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(65) div { background-position:0 -320px; }
#container:hover li:nth-child(65) div { -webkit-animation-name: flip65; }
@-webkit-keyframes flip65 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(65) div { -webkit-animation-name: backflip65; }
@-webkit-keyframes backflip65 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(66) div { background-position:0 -325px; }
#container:hover li:nth-child(66) div { -webkit-animation-name: flip66; }
@-webkit-keyframes flip66 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(66) div { -webkit-animation-name: backflip66; }
@-webkit-keyframes backflip66 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(67) div { background-position:0 -330px; }
#container:hover li:nth-child(67) div { -webkit-animation-name: flip67; }
@-webkit-keyframes flip67 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(67) div { -webkit-animation-name: backflip67; }
@-webkit-keyframes backflip67 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(68) div { background-position:0 -335px; }
#container:hover li:nth-child(68) div { -webkit-animation-name: flip68; }
@-webkit-keyframes flip68 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(68) div { -webkit-animation-name: backflip68; }
@-webkit-keyframes backflip68 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(69) div { background-position:0 -340px; }
#container:hover li:nth-child(69) div { -webkit-animation-name: flip69; }
@-webkit-keyframes flip69 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(69) div { -webkit-animation-name: backflip69; }
@-webkit-keyframes backflip69 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(70) div { background-position:0 -345px; }
#container:hover li:nth-child(70) div { -webkit-animation-name: flip70; }
@-webkit-keyframes flip70 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(70) div { -webkit-animation-name: backflip70; }
@-webkit-keyframes backflip70 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(71) div { background-position:0 -350px; }
#container:hover li:nth-child(71) div { -webkit-animation-name: flip71; }
@-webkit-keyframes flip71 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(71) div { -webkit-animation-name: backflip71; }
@-webkit-keyframes backflip71 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(72) div { background-position:0 -355px; }
#container:hover li:nth-child(72) div { -webkit-animation-name: flip72; }
@-webkit-keyframes flip72 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(72) div { -webkit-animation-name: backflip72; }
@-webkit-keyframes backflip72 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(73) div { background-position:0 -360px; }
#container:hover li:nth-child(73) div { -webkit-animation-name: flip73; }
@-webkit-keyframes flip73 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(73) div { -webkit-animation-name: backflip73; }
@-webkit-keyframes backflip73 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(74) div { background-position:0 -365px; }
#container:hover li:nth-child(74) div { -webkit-animation-name: flip74; }
@-webkit-keyframes flip74 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(74) div { -webkit-animation-name: backflip74; }
@-webkit-keyframes backflip74 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(75) div { background-position:0 -370px; }
#container:hover li:nth-child(75) div { -webkit-animation-name: flip75; }
@-webkit-keyframes flip75 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(75) div { -webkit-animation-name: backflip75; }
@-webkit-keyframes backflip75 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(76) div { background-position:0 -375px; }
#container:hover li:nth-child(76) div { -webkit-animation-name: flip76; }
@-webkit-keyframes flip76 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(76) div { -webkit-animation-name: backflip76; }
@-webkit-keyframes backflip76 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(77) div { background-position:0 -380px; }
#container:hover li:nth-child(77) div { -webkit-animation-name: flip77; }
@-webkit-keyframes flip77 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(77) div { -webkit-animation-name: backflip77; }
@-webkit-keyframes backflip77 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(78) div { background-position:0 -385px; }
#container:hover li:nth-child(78) div { -webkit-animation-name: flip78; }
@-webkit-keyframes flip78 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(78) div { -webkit-animation-name: backflip78; }
@-webkit-keyframes backflip78 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(79) div { background-position:0 -390px; }
#container:hover li:nth-child(79) div { -webkit-animation-name: flip79; }
@-webkit-keyframes flip79 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(79) div { -webkit-animation-name: backflip79; }
@-webkit-keyframes backflip79 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(80) div { background-position:0 -395px; }
#container:hover li:nth-child(80) div { -webkit-animation-name: flip80; }
@-webkit-keyframes flip80 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(80) div { -webkit-animation-name: backflip80; }
@-webkit-keyframes backflip80 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(81) div { background-position:0 -400px; }
#container:hover li:nth-child(81) div { -webkit-animation-name: flip81; }
@-webkit-keyframes flip81 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(81) div { -webkit-animation-name: backflip81; }
@-webkit-keyframes backflip81 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(82) div { background-position:0 -405px; }
#container:hover li:nth-child(82) div { -webkit-animation-name: flip82; }
@-webkit-keyframes flip82 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(82) div { -webkit-animation-name: backflip82; }
@-webkit-keyframes backflip82 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(83) div { background-position:0 -410px; }
#container:hover li:nth-child(83) div { -webkit-animation-name: flip83; }
@-webkit-keyframes flip83 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(83) div { -webkit-animation-name: backflip83; }
@-webkit-keyframes backflip83 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(84) div { background-position:0 -415px; }
#container:hover li:nth-child(84) div { -webkit-animation-name: flip84; }
@-webkit-keyframes flip84 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(84) div { -webkit-animation-name: backflip84; }
@-webkit-keyframes backflip84 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(85) div { background-position:0 -420px; }
#container:hover li:nth-child(85) div { -webkit-animation-name: flip85; }
@-webkit-keyframes flip85 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(85) div { -webkit-animation-name: backflip85; }
@-webkit-keyframes backflip85 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(86) div { background-position:0 -425px; }
#container:hover li:nth-child(86) div { -webkit-animation-name: flip86; }
@-webkit-keyframes flip86 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 85% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(86) div { -webkit-animation-name: backflip86; }
@-webkit-keyframes backflip86 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 85% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(87) div { background-position:0 -430px; }
#container:hover li:nth-child(87) div { -webkit-animation-name: flip87; }
@-webkit-keyframes flip87 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 85% { } 86% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(87) div { -webkit-animation-name: backflip87; }
@-webkit-keyframes backflip87 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 85% { -webkit-transform: rotateY(180deg); } 86% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(88) div { background-position:0 -435px; }
#container:hover li:nth-child(88) div { -webkit-animation-name: flip88; }
@-webkit-keyframes flip88 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 85% { } 86% { } 87% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(88) div { -webkit-animation-name: backflip88; }
@-webkit-keyframes backflip88 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 85% { -webkit-transform: rotateY(180deg); } 86% { -webkit-transform: rotateY(180deg); } 87% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(89) div { background-position:0 -440px; }
#container:hover li:nth-child(89) div { -webkit-animation-name: flip89; }
@-webkit-keyframes flip89 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 85% { } 86% { } 87% { } 88% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(89) div { -webkit-animation-name: backflip89; }
@-webkit-keyframes backflip89 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 85% { -webkit-transform: rotateY(180deg); } 86% { -webkit-transform: rotateY(180deg); } 87% { -webkit-transform: rotateY(180deg); } 88% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(90) div { background-position:0 -445px; }
#container:hover li:nth-child(90) div { -webkit-animation-name: flip90; }
@-webkit-keyframes flip90 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 85% { } 86% { } 87% { } 88% { } 89% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(90) div { -webkit-animation-name: backflip90; }
@-webkit-keyframes backflip90 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 85% { -webkit-transform: rotateY(180deg); } 86% { -webkit-transform: rotateY(180deg); } 87% { -webkit-transform: rotateY(180deg); } 88% { -webkit-transform: rotateY(180deg); } 89% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(91) div { background-position:0 -450px; }
#container:hover li:nth-child(91) div { -webkit-animation-name: flip91; }
@-webkit-keyframes flip91 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 85% { } 86% { } 87% { } 88% { } 89% { } 90% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(91) div { -webkit-animation-name: backflip91; }
@-webkit-keyframes backflip91 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 85% { -webkit-transform: rotateY(180deg); } 86% { -webkit-transform: rotateY(180deg); } 87% { -webkit-transform: rotateY(180deg); } 88% { -webkit-transform: rotateY(180deg); } 89% { -webkit-transform: rotateY(180deg); } 90% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(92) div { background-position:0 -455px; }
#container:hover li:nth-child(92) div { -webkit-animation-name: flip92; }
@-webkit-keyframes flip92 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 85% { } 86% { } 87% { } 88% { } 89% { } 90% { } 91% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(92) div { -webkit-animation-name: backflip92; }
@-webkit-keyframes backflip92 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 85% { -webkit-transform: rotateY(180deg); } 86% { -webkit-transform: rotateY(180deg); } 87% { -webkit-transform: rotateY(180deg); } 88% { -webkit-transform: rotateY(180deg); } 89% { -webkit-transform: rotateY(180deg); } 90% { -webkit-transform: rotateY(180deg); } 91% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(93) div { background-position:0 -460px; }
#container:hover li:nth-child(93) div { -webkit-animation-name: flip93; }
@-webkit-keyframes flip93 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 85% { } 86% { } 87% { } 88% { } 89% { } 90% { } 91% { } 92% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(93) div { -webkit-animation-name: backflip93; }
@-webkit-keyframes backflip93 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 85% { -webkit-transform: rotateY(180deg); } 86% { -webkit-transform: rotateY(180deg); } 87% { -webkit-transform: rotateY(180deg); } 88% { -webkit-transform: rotateY(180deg); } 89% { -webkit-transform: rotateY(180deg); } 90% { -webkit-transform: rotateY(180deg); } 91% { -webkit-transform: rotateY(180deg); } 92% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(94) div { background-position:0 -465px; }
#container:hover li:nth-child(94) div { -webkit-animation-name: flip94; }
@-webkit-keyframes flip94 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 85% { } 86% { } 87% { } 88% { } 89% { } 90% { } 91% { } 92% { } 93% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(94) div { -webkit-animation-name: backflip94; }
@-webkit-keyframes backflip94 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 85% { -webkit-transform: rotateY(180deg); } 86% { -webkit-transform: rotateY(180deg); } 87% { -webkit-transform: rotateY(180deg); } 88% { -webkit-transform: rotateY(180deg); } 89% { -webkit-transform: rotateY(180deg); } 90% { -webkit-transform: rotateY(180deg); } 91% { -webkit-transform: rotateY(180deg); } 92% { -webkit-transform: rotateY(180deg); } 93% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(95) div { background-position:0 -470px; }
#container:hover li:nth-child(95) div { -webkit-animation-name: flip95; }
@-webkit-keyframes flip95 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 85% { } 86% { } 87% { } 88% { } 89% { } 90% { } 91% { } 92% { } 93% { } 94% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(95) div { -webkit-animation-name: backflip95; }
@-webkit-keyframes backflip95 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 85% { -webkit-transform: rotateY(180deg); } 86% { -webkit-transform: rotateY(180deg); } 87% { -webkit-transform: rotateY(180deg); } 88% { -webkit-transform: rotateY(180deg); } 89% { -webkit-transform: rotateY(180deg); } 90% { -webkit-transform: rotateY(180deg); } 91% { -webkit-transform: rotateY(180deg); } 92% { -webkit-transform: rotateY(180deg); } 93% { -webkit-transform: rotateY(180deg); } 94% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(96) div { background-position:0 -475px; }
#container:hover li:nth-child(96) div { -webkit-animation-name: flip96; }
@-webkit-keyframes flip96 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 85% { } 86% { } 87% { } 88% { } 89% { } 90% { } 91% { } 92% { } 93% { } 94% { } 95% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(96) div { -webkit-animation-name: backflip96; }
@-webkit-keyframes backflip96 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 85% { -webkit-transform: rotateY(180deg); } 86% { -webkit-transform: rotateY(180deg); } 87% { -webkit-transform: rotateY(180deg); } 88% { -webkit-transform: rotateY(180deg); } 89% { -webkit-transform: rotateY(180deg); } 90% { -webkit-transform: rotateY(180deg); } 91% { -webkit-transform: rotateY(180deg); } 92% { -webkit-transform: rotateY(180deg); } 93% { -webkit-transform: rotateY(180deg); } 94% { -webkit-transform: rotateY(180deg); } 95% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(97) div { background-position:0 -480px; }
#container:hover li:nth-child(97) div { -webkit-animation-name: flip97; }
@-webkit-keyframes flip97 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 85% { } 86% { } 87% { } 88% { } 89% { } 90% { } 91% { } 92% { } 93% { } 94% { } 95% { } 96% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(97) div { -webkit-animation-name: backflip97; }
@-webkit-keyframes backflip97 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 85% { -webkit-transform: rotateY(180deg); } 86% { -webkit-transform: rotateY(180deg); } 87% { -webkit-transform: rotateY(180deg); } 88% { -webkit-transform: rotateY(180deg); } 89% { -webkit-transform: rotateY(180deg); } 90% { -webkit-transform: rotateY(180deg); } 91% { -webkit-transform: rotateY(180deg); } 92% { -webkit-transform: rotateY(180deg); } 93% { -webkit-transform: rotateY(180deg); } 94% { -webkit-transform: rotateY(180deg); } 95% { -webkit-transform: rotateY(180deg); } 96% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(98) div { background-position:0 -485px; }
#container:hover li:nth-child(98) div { -webkit-animation-name: flip98; }
@-webkit-keyframes flip98 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 85% { } 86% { } 87% { } 88% { } 89% { } 90% { } 91% { } 92% { } 93% { } 94% { } 95% { } 96% { } 97% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(98) div { -webkit-animation-name: backflip98; }
@-webkit-keyframes backflip98 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 85% { -webkit-transform: rotateY(180deg); } 86% { -webkit-transform: rotateY(180deg); } 87% { -webkit-transform: rotateY(180deg); } 88% { -webkit-transform: rotateY(180deg); } 89% { -webkit-transform: rotateY(180deg); } 90% { -webkit-transform: rotateY(180deg); } 91% { -webkit-transform: rotateY(180deg); } 92% { -webkit-transform: rotateY(180deg); } 93% { -webkit-transform: rotateY(180deg); } 94% { -webkit-transform: rotateY(180deg); } 95% { -webkit-transform: rotateY(180deg); } 96% { -webkit-transform: rotateY(180deg); } 97% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(99) div { background-position:0 -490px; }
#container:hover li:nth-child(99) div { -webkit-animation-name: flip99; }
@-webkit-keyframes flip99 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 85% { } 86% { } 87% { } 88% { } 89% { } 90% { } 91% { } 92% { } 93% { } 94% { } 95% { } 96% { } 97% { } 98% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(99) div { -webkit-animation-name: backflip99; }
@-webkit-keyframes backflip99 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 85% { -webkit-transform: rotateY(180deg); } 86% { -webkit-transform: rotateY(180deg); } 87% { -webkit-transform: rotateY(180deg); } 88% { -webkit-transform: rotateY(180deg); } 89% { -webkit-transform: rotateY(180deg); } 90% { -webkit-transform: rotateY(180deg); } 91% { -webkit-transform: rotateY(180deg); } 92% { -webkit-transform: rotateY(180deg); } 93% { -webkit-transform: rotateY(180deg); } 94% { -webkit-transform: rotateY(180deg); } 95% { -webkit-transform: rotateY(180deg); } 96% { -webkit-transform: rotateY(180deg); } 97% { -webkit-transform: rotateY(180deg); } 98% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}
#container li:nth-child(100) div { background-position:0 -495px; }
#container:hover li:nth-child(100) div { -webkit-animation-name: flip100; }
@-webkit-keyframes flip100 {
 0% { } 1% { } 2% { } 3% { } 4% { } 5% { } 6% { } 7% { } 8% { } 9% { } 10% { } 11% { } 12% { } 13% { } 14% { } 15% { } 16% { } 17% { } 18% { } 19% { } 20% { } 21% { } 22% { } 23% { } 24% { } 25% { } 26% { } 27% { } 28% { } 29% { } 30% { } 31% { } 32% { } 33% { } 34% { } 35% { } 36% { } 37% { } 38% { } 39% { } 40% { } 41% { } 42% { } 43% { } 44% { } 45% { } 46% { } 47% { } 48% { } 49% { } 50% { } 51% { } 52% { } 53% { } 54% { } 55% { } 56% { } 57% { } 58% { } 59% { } 60% { } 61% { } 62% { } 63% { } 64% { } 65% { } 66% { } 67% { } 68% { } 69% { } 70% { } 71% { } 72% { } 73% { } 74% { } 75% { } 76% { } 77% { } 78% { } 79% { } 80% { } 81% { } 82% { } 83% { } 84% { } 85% { } 86% { } 87% { } 88% { } 89% { } 90% { } 91% { } 92% { } 93% { } 94% { } 95% { } 96% { } 97% { } 98% { } 99% { } 100% { -webkit-transform: rotateY(180deg); }
}
#container li:nth-child(100) div { -webkit-animation-name: backflip100; }
@-webkit-keyframes backflip100 {
 0% { -webkit-transform: rotateY(180deg); } 1% { -webkit-transform: rotateY(180deg); } 2% { -webkit-transform: rotateY(180deg); } 3% { -webkit-transform: rotateY(180deg); } 4% { -webkit-transform: rotateY(180deg); } 5% { -webkit-transform: rotateY(180deg); } 6% { -webkit-transform: rotateY(180deg); } 7% { -webkit-transform: rotateY(180deg); } 8% { -webkit-transform: rotateY(180deg); } 9% { -webkit-transform: rotateY(180deg); } 10% { -webkit-transform: rotateY(180deg); } 11% { -webkit-transform: rotateY(180deg); } 12% { -webkit-transform: rotateY(180deg); } 13% { -webkit-transform: rotateY(180deg); } 14% { -webkit-transform: rotateY(180deg); } 15% { -webkit-transform: rotateY(180deg); } 16% { -webkit-transform: rotateY(180deg); } 17% { -webkit-transform: rotateY(180deg); } 18% { -webkit-transform: rotateY(180deg); } 19% { -webkit-transform: rotateY(180deg); } 20% { -webkit-transform: rotateY(180deg); } 21% { -webkit-transform: rotateY(180deg); } 22% { -webkit-transform: rotateY(180deg); } 23% { -webkit-transform: rotateY(180deg); } 24% { -webkit-transform: rotateY(180deg); } 25% { -webkit-transform: rotateY(180deg); } 26% { -webkit-transform: rotateY(180deg); } 27% { -webkit-transform: rotateY(180deg); } 28% { -webkit-transform: rotateY(180deg); } 29% { -webkit-transform: rotateY(180deg); } 30% { -webkit-transform: rotateY(180deg); } 31% { -webkit-transform: rotateY(180deg); } 32% { -webkit-transform: rotateY(180deg); } 33% { -webkit-transform: rotateY(180deg); } 34% { -webkit-transform: rotateY(180deg); } 35% { -webkit-transform: rotateY(180deg); } 36% { -webkit-transform: rotateY(180deg); } 37% { -webkit-transform: rotateY(180deg); } 38% { -webkit-transform: rotateY(180deg); } 39% { -webkit-transform: rotateY(180deg); } 40% { -webkit-transform: rotateY(180deg); } 41% { -webkit-transform: rotateY(180deg); } 42% { -webkit-transform: rotateY(180deg); } 43% { -webkit-transform: rotateY(180deg); } 44% { -webkit-transform: rotateY(180deg); } 45% { -webkit-transform: rotateY(180deg); } 46% { -webkit-transform: rotateY(180deg); } 47% { -webkit-transform: rotateY(180deg); } 48% { -webkit-transform: rotateY(180deg); } 49% { -webkit-transform: rotateY(180deg); } 50% { -webkit-transform: rotateY(180deg); } 51% { -webkit-transform: rotateY(180deg); } 52% { -webkit-transform: rotateY(180deg); } 53% { -webkit-transform: rotateY(180deg); } 54% { -webkit-transform: rotateY(180deg); } 55% { -webkit-transform: rotateY(180deg); } 56% { -webkit-transform: rotateY(180deg); } 57% { -webkit-transform: rotateY(180deg); } 58% { -webkit-transform: rotateY(180deg); } 59% { -webkit-transform: rotateY(180deg); } 60% { -webkit-transform: rotateY(180deg); } 61% { -webkit-transform: rotateY(180deg); } 62% { -webkit-transform: rotateY(180deg); } 63% { -webkit-transform: rotateY(180deg); } 64% { -webkit-transform: rotateY(180deg); } 65% { -webkit-transform: rotateY(180deg); } 66% { -webkit-transform: rotateY(180deg); } 67% { -webkit-transform: rotateY(180deg); } 68% { -webkit-transform: rotateY(180deg); } 69% { -webkit-transform: rotateY(180deg); } 70% { -webkit-transform: rotateY(180deg); } 71% { -webkit-transform: rotateY(180deg); } 72% { -webkit-transform: rotateY(180deg); } 73% { -webkit-transform: rotateY(180deg); } 74% { -webkit-transform: rotateY(180deg); } 75% { -webkit-transform: rotateY(180deg); } 76% { -webkit-transform: rotateY(180deg); } 77% { -webkit-transform: rotateY(180deg); } 78% { -webkit-transform: rotateY(180deg); } 79% { -webkit-transform: rotateY(180deg); } 80% { -webkit-transform: rotateY(180deg); } 81% { -webkit-transform: rotateY(180deg); } 82% { -webkit-transform: rotateY(180deg); } 83% { -webkit-transform: rotateY(180deg); } 84% { -webkit-transform: rotateY(180deg); } 85% { -webkit-transform: rotateY(180deg); } 86% { -webkit-transform: rotateY(180deg); } 87% { -webkit-transform: rotateY(180deg); } 88% { -webkit-transform: rotateY(180deg); } 89% { -webkit-transform: rotateY(180deg); } 90% { -webkit-transform: rotateY(180deg); } 91% { -webkit-transform: rotateY(180deg); } 92% { -webkit-transform: rotateY(180deg); } 93% { -webkit-transform: rotateY(180deg); } 94% { -webkit-transform: rotateY(180deg); } 95% { -webkit-transform: rotateY(180deg); } 96% { -webkit-transform: rotateY(180deg); } 97% { -webkit-transform: rotateY(180deg); } 98% { -webkit-transform: rotateY(180deg); } 99% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); }
}