CSS Transform - Масштаб элементов, НО не переводит - PullRequest
Новая
       8

CSS Transform - Масштаб элементов, НО не переводит

0 голосов
/ 02 ноября 2018

На мою страницу 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)";

Тогда видео масштабируется.

Почему элемент не перемещается с помощью операции преобразования-преобразования?

1 Ответ

0 голосов
/ 02 ноября 2018

Добавьте единицу пикселя: 

translateX(250px)
...