Здравствуйте, я пытаюсь сделать инверсию движения по временной шкале для @kayframes.
Тоесть я хочу сделать анимацыю для двух противоположных кадров (затухающий и появляющийся) но так как не хочится писать два почти однаковых @kayframes, пытаюсь в первом кадре (затухающемся) использовать те процентные @kayframes значения что по умолчанию а в другом (появляющемся) кадре тотже @kayframes но с (100%-х%) процентнымы значениями.
	
	| 
		 Код: 
	 | 
	//Пример затухающегося кадра
@keyframes swing {
  0% {
            transform: translateX(0);
  }
  30% {
            transform: translateX(10%);
  }
  60% {
            transform: translateX(20%);
  }
  90% {
            transform: translateX(30%);
  }
  100% {
            transform: translateX(33%);
  }
} | 
	
	
	| 
		 Код: 
	 | 
	//пример появляющегося кадра
@keyframes swing {
  100% {
            transform: translateX(0);
  }
  90% {
            transform: translateX(10%);
  }
  60% {
            transform: translateX(20%);
  }
  30% {
            transform: translateX(30%);
  }
  0% {
            transform: translateX(33%);
  }
} | 
	
Кадры почти идентичны за исключением временной шкалы, могу ли я использовать только один @keyframes вместо 2 для одной анимации...