Показать сообщение отдельно
  #3 (permalink)  
Старый 09.01.2022, 23:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,118

background-image moving infinite
Сообщение от rafaello
свойство background-position непрерывно меняется,
не делайте так там (бесконечный сдвиг влево средствами js) без необходимости!!!

есть способ проще css ... (картинку и время анимации сами уточните)

<!DOCTYPE html>

<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    div.bg-moving{
        height: 80vh;
        width: 80vw;
        background-color: #141414;
        background-image: url(https://krot.mobi/uploads/posts/2020-01/1579337847_21-92.png);
        background-repeat: repeat;
        margin: 20px auto;
        animation: moving 15s linear infinite;
        background-size:  20vw 48vh;
        background-position-x:  0;
        animation-direction: inherit;
    }
    @keyframes moving{
       to {
           background-position-x:  -100%;
       }
    }
   </style>

</head>

<body>
<div class="bg-moving"></div>

</body>
</html>

Последний раз редактировалось рони, 10.01.2022 в 08:38.
Ответить с цитированием