Проблема с transition
 

Здравствуйте.

Let toRight = document.querySelectorAll('.clickright');
	let line = document.querySelector('.line');
	let move = 200;
	for(i=0;i<toRight.length;i++){
		toRight[i].addEventListener('click',moveSlide);
	}
	
		function moveSlide(event){
		line.style.transition = 'all ease 1s';	
		line.style.right = move + 'px';
		
		move += 200;
		if(move == 800){
			move = 0;
		}
	}

При первом клике transition как бы не срабатывает и нет плавного перехода,а затем идет как надо.
Подскажите,в чем суть проблемы?