.thumbNav li:nth-of-type(1) a.cur { animation: mymovea 5s forwards; position: relative; webkit-animation: mymovea 5s forwards; } @-webkit-keyframes mymovea { 0% { top: 0px; } 25% { top: 200px; } 75% { top: 50px; } 100% { top: 220px; } } @keyframes mymovea { 0% { top: 0px; } 25% { top: 200px; } 75% { top: 50px; } 100% { top: 220px; } } .thumbNav li:nth-of-type(2) a.cur { animation: mymoveb 5s forwards; position: relative; webkit-animation: mymoveb 5s forwards; } @-webkit-keyframes mymoveb { 0% { top: 0px; } 25% { top: 200px; } 75% { top: 50px; } 100% { top: 150px; } } @keyframes mymoveb { 0% { top: 0px; } 25% { top: 200px; } 75% { top: 50px; } 100% { top: 150px; } } .thumbNav li:nth-of-type(3) a.cur { animation: mymovec 5s forwards; position: relative; webkit-animation: mymovec 5s forwards; } @-webkit-keyframes mymovec { 0% { top: 0px; } 25% { top: 200px; } 75% { top: 50px; } 100% { top: 60px; } } @keyframes mymovec { 0% { top: 0px; } 25% { top: 200px; } 75% { top: 50px; } 100% { top: 60px; } }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)