Shark Icons

shark_rotate.css

@-webkit-keyframes _shark_rotate { 
    0% { -webkit-transform: translate(0, 0) rotate(0); }
    12.5% { -webkit-transform: translate(-1px, -1px); }
    25% { -webkit-transform: translate(-2px, 0) rotate(.8deg); }
    37.5% { -webkit-transform: translate(-1px, 1px); }
    50% { -webkit-transform: translate(0, 0) rotate(0); }
    62.5% { -webkit-transform: translate(1px, -1px); }
    75% { -webkit-transform: translate(2px, 0) rotate(-.8deg); }
    87.5% { -webkit-transform: translate(1px, 1px); }
    100% { -webkit-transform: translate(0, 0) rotate(0); }
}
@-moz-keyframes _shark_rotate { 
    0% { -moz-transform: translate(0, 0) rotate(0); }
    12.5% { -moz-transform: translate(-1px, -1px); }
    25% { -moz-transform: translate(-2px, 0) rotate(.8deg); }
    37.5% { -moz-transform: translate(-1px, 1px); }
    50% { -moz-transform: translate(0, 0) rotate(0); }
    62.5% { -moz-transform: translate(1px, -1px); }
    75% { -moz-transform: translate(2px, 0) rotate(-.8deg); }
    87.5% { -moz-transform: translate(1px, 1px); }
    100% { -moz-transform: translate(0, 0) rotate(0); }
}
@-ms-keyframes _shark_rotate { 
    0% { -ms-transform: translate(0, 0) rotate(0); }
    12.5% { -ms-transform: translate(-1px, -1px); }
    25% { -ms-transform: translate(-2px, 0) rotate(.8deg); }
    37.5% { -ms-transform: translate(-1px, 1px); }
    50% { -ms-transform: translate(0, 0) rotate(0); }
    62.5% { -ms-transform: translate(1px, -1px); }
    75% { -ms-transform: translate(2px, 0) rotate(-.8deg); }
    87.5% { -ms-transform: translate(1px, 1px); }
    100% { -ms-transform: translate(0, 0) rotate(0); }
}
@-o-keyframes _shark_rotate { 
    0% { -o-transform: translate(0, 0) rotate(0); }
    12.5% { -o-transform: translate(-1px, -1px); }
    25% { -o-transform: translate(-2px, 0) rotate(.8deg); }
    37.5% { -o-transform: translate(-1px, 1px); }
    50% { -o-transform: translate(0, 0) rotate(0); }
    62.5% { -o-transform: translate(1px, -1px); }
    75% { -o-transform: translate(2px, 0) rotate(-.8deg); }
    87.5% { -o-transform: translate(1px, 1px); }
    100% { -o-transform: translate(0, 0) rotate(0); }
}
@keyframes _shark_rotate { 
    0% { transform: translate(0, 0) rotate(0); }
    12.5% { transform: translate(-1px, -1px); }
    25% { transform: translate(-2px, 0) rotate(.8deg); }
    37.5% { transform: translate(-1px, 1px); }
    50% { transform: translate(0, 0) rotate(0); }
    62.5% { transform: translate(1px, -1px); }
    75% { transform: translate(2px, 0) rotate(-.8deg); }
    87.5% { transform: translate(1px, 1px); }
    100% { transform: translate(0, 0) rotate(0); }
}