веб-JavaScript - задержка перехода

Question

Я оживляю входной переход двух элементов в веб-проекте. Переход в файле Javascript можно найти ниже. Я не предоставил весь код, я думаю, что это очень специфический вопрос для проверки кода. Если вам нужен весь код, я могу его предоставить.

Два элемента, "right_Groot" и "right_Klein", вопрос о переходе "right_Klein". Это переход с двумя отдельными анимированными свойствами. Есть движение вправо и вращение.

Я хотел бы поэкспериментировать с задержкой перехода на вращение, чтобы я мог увидеть, какая задержка наиболее привлекательна. Это не работает ..

function Right_Entry(e){

if (window.scrollY > 1050){

    right_Groot.style.right ="20vw";
    right_Groot.style.setProperty("-webkit-transition", "right 1s linear");
    right_Groot.style.setProperty("transition", "right 1s linear");

    right_Klein.style.right = "35vw";
    right_Klein.style.transform = "rotate(-135deg)";

    right_Klein.style.setProperty("-webkit-transition-property", "right, transform");
    right_Klein.style.setProperty("transition-property", "right, transform");

    right_Klein.style.setProperty("-webkit-transition-duration", "1s, 1s");
    right_Klein.style.setProperty("transition-duration", "1s, 1s");

    right_Klein.style.setProperty("-webkit-transition-timing-function" ,"linear, linear");
    right_Klein.style.setProperty("transition-timing-function", "linear, linear");

    //delay is not reacting
    right_Klein.style.setProperty("-webkit-transition-delay", "0, 2s");
    right_Klein.style.setProperty("transition-delay", "0, 2");
}
}

Итак, эта часть не функционирует:

    //delay is not reacting
    right_Klein.style.setProperty("-webkit-transition-delay", "0, 2s");
    right_Klein.style.setProperty("transition-delay", "0, 2");

Что не так с моим кодом?

Спасибо!

Answer 1

Примечание 1:
Мне нужно было добавить код для всех браузеров ..

Примечание 2:
// задержка не реагирует right_Klein.style.setProperty ("- webkit-transition-delay", "0, 2s"); right_Klein.style.setProperty ("transition-delay", "0, 2");

изменено на .. right_Klein.style.setProperty ("- webkit-transition-delay", "0s, 2s"); right_Klein.style.setProperty («задержка перехода», «0 с, 2 с»);