Контролировать элемент на странице одновременно? - PullRequest
Новая
       28

Контролировать элемент на странице одновременно?

0 голосов
/ 08 февраля 2019

Мне нужно одновременно синхронизировать элемент страницы (анимацию) на каждом устройстве, просматривающем страницу.

Например, если у меня есть страница с CSS-анимированным фоновым элементом, который мирно исчезает благодаря красивым цветам лосося, и я хочу, чтобы значения были одинаковыми для любого браузера, попадающего на сайт: 

<!DOCTYPE html>
<html>
<head>
    <title>Salmon Fade!</title>
    <style type="text/css">
        body {
          animation: bg-color 5s infinite;
        }
        @keyframes bg-color {
          0% { background-color: Salmon; }
          25% { background-color: DarkSalmon; }
          50% { background-color: LightSalmon; }
          75% { background-color: DarkSalmon; }
          100% { background-color: Salmon; }
        }

    </style>
</head>
<body>

</body>
</html>

Как я могу обеспечить, чтобы обновление анимации / страницы происходило синхронно на любом устройстве на этой странице?

Я немного заглянул в веб-сокеты, но я не на 100%% и большая часть моей базы знаний - это интерфейс.Любые мысли или рекомендации будут очень полезны!

...