gpt4 book ai didi

javascript - CSS 转换 - 元素缩放但不转换

转载 作者:太空宇宙 更新时间:2023-11-04 01:02:02 25 4
gpt4 key购买 nike

我在 index.html 页面上插入了一个视频元素:

<body>
<video id="animation" autoplay loop>
<source src="animation.mp4" type="video/mp4">
<source src="animation.webm" type="video/webm">
</video>
<script>
scaletranslate();
</script>
</body>

在我的 CSS 表中,我简单地定位了视频:

body {
margin: 0px;
padding: 0px;
overflow: hidden;
}
video {
position: absolute;
top: 0px;
left: 0px;
}

Javascript 的 scaletranslate() 函数是:

document.getElementById("animation").style.transform = "translateX(250)";

但是,如果我使用此代码,视频不会按应有的方式移动:

document.getElementById("animation").style.transform = "scaleX(0.2)";

然后视频会缩放。

为什么元素没有被转换翻译操作移动?

最佳答案

添加像素单位:

translateX(250px)

关于javascript - CSS 转换 - 元素缩放但不转换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53120546/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com