CSS转换属性在通过JS函数触发时不起作用

shyt4zoc 于 2022-11-26 发布在其他

关注(0)|答案(1)|浏览(99)

transform属性在某些情况下可以工作，但在此情况下我做错了什么：
1.创建span元素并将其放入pre标记的innerHTML中
1.范围元素具有不透明度：0，变换：2秒。
1.选择此范围元素，然后将不透明度更改为0。
1.所有这些都在一个函数中完成，如下所示：
第一个
这总是导致元素立即出现。你知道是什么问题吗？

css

来源：https://stackoverflow.com/questions/74537434/css-transform-property-not-working-when-it-is-triggered-through-js-function

1条答案

按热度按时间

68bkxrlz1#

第一个
我想如果你以这种方式添加它，它会做你想要的：

lineText.getElementsByTagName("span")[0].style = {
   transition:'1s',
   opacity:1
 };

或者如果它仍然不工作，我认为这是因为当javascript将“TEXT！”附加到lineText时，它也在应用样式，所以我们需要一点延迟

setTimeout(() => {
     lineText.getElementsByTagName("span")[0].style.opacity = 1;
   }, 10);

我所做的是让js在线程中完成它的任务，然后添加样式

赞(0）回复(0）举报 2022-11-26

我来回答

CSS转换属性在通过JS函数触发时不起作用

1条答案

相关问题

热门标签

最新问答