@-webkit-keyframes roll-6 {
    0%   {left: 25px;}
    10%  {left: -75px;}
    25%  {left: 75px;}
    50%  {left: -26px;}
    75%  {left: -127px;}
    100% {left: 127px;}
}

@keyframes roll-6 {
    0%   {left: 25px;}
    10%  {left: -75px;}
    25%  {left: 75px;}
    50%  {left: -26px;}
    75%  {left: -127px;}
    100% {left: 127px;}
}

.roll-6 {
    -webkit-animation-name: roll-6;
    -webkit-animation-duration: 6s;
    -webkit-animation-iteration-count: 3;
    animation-name: roll-6;
    animation-duration: 6s;
    animation-iteration-count: 3;
}