Question

我正在使Web项目中两个元素的输入转换动画。可以在下面找到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（“ transition-delay”，“ 0s，2s”）;

网络javascript-转换延迟

1 个答案: