es lo mismo
@-webkit-keyframes rotate-shell {20% {
-webkit-transform: rotate(3deg);
}

70% {
-webkit-transform: rotate(-3deg);
}

}

que estooo

@-webkit-keyframes rotate-shell {0% {
-webkit-transform: rotate(0deg);
}
20% {
-webkit-transform: rotate(3deg);
}
40% {
-webkit-transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(0deg);
}
70% {
-webkit-transform: rotate(-3deg);
}
90% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
}

e probado de las dos formas pero me funciona igual no noto diferencia no se ustedes que opinan