动画CSS响应问题

时间:2018-08-21 16:12:08

标签: css animation

如何使该动画在设备之间响应?

有问题的动画是在页面中间向下移动的一组卡车。这是我的代码的副本。任何帮助将不胜感激。我把狗狗拧在这里,并通过一个名为Hype3的程序来创建它。

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge" />
    <title>movingtrucks</title>
    <style>
        html {
            height:100%;
        }
        body {
            background-color:#FFFFFF;
            margin:0;
            height:100%;
        }
    </style>
    <!-- copy these lines to your document head: -->

    <meta name="viewport" content="user-scalable=yes, initial-scale=1.0" />

    <!-- end copy -->
  </head>
  <body>
    <!-- copy these lines to your document: -->

    <div id="movingtrucks_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;">
        <script type="text/javascript" charset="utf-8" src="movingtrucks.hyperesources/movingtrucks_hype_generated_script.js?51420"></script>
    </div>

    <!-- end copy -->



    <!-- text content for search engines: -->

    <div style="display:none" aria-hidden=true>


    </div>

    <!-- end text content: -->

  </body>
</html>

0 个答案:

没有答案