@keyframes vibra {
            0%{
                transform: translateX(0px);
            }

            100%{
                transform: translateX(8px);
            }
        }

        .campos{
            animation-name: vibra;
            animation-duration: .05s;
            animation-timing-function: linear;
            animation-iteration-count: 16;
            animation-direction: alternate;
        

/*            animation: vibra 8s linear 8 alternate;               */

        }