How set custom translate3d in swiper.js?

I want to set custom transform translate3d(476px, 0, 0) for next button and translate3d(-476px, 0, 0), but my code isn't working.

I tried some things:

 on: {
        slideNextTransitionStart: function() {
            var swiper = this;
            for (var i = 0; i < swiper.slides.length; i++) {
                swiper.slides[i].querySelector(".swiper-slide").style.transform =
                    "translate3d(" + 476 + "px, 0, 0)";
            }
            progress: true,
            onProgressChange: function(swiper) {
                slideNextTransitionStart: function () {
                    swiper.setTransform(slide, 'translate3d(' + 476 + 'px,0,0)');
                }
            ,
                slidePrevTransitionStart: function () {
                    swiper.setTransition(-476);
                }
            }}

        }}