网站CSS动画闪烁的问题

时间:2020-05-15 12:42:09

标签: html css

因此,我一直在开发一个名为MVG的游戏中的游戏社区的加载屏幕网站,由于某种原因,我对网站存在问题,因为该网站在图像第一次消失后会闪烁,然后针对每个图片即时通讯无法看到问题所在,我真的希望获得一些帮助,因为否则网站会为我完成,谢谢。

这是我的网站https://mynamejack.hxane.com/MVGCWloadingscreen/的初稿

只需单击检查元素,您就应该能够查看所有代码,但是无论如何我都会将其发布在下面

let arr1 = [{
    name: 'Contractor A',
    user_id: 3,
    mobile_number: '9999999999',
    active_projects: []
  },
  {
    name: 'Contractor B',
    user_id: 6,
    mobile_number: '9999999999',
    active_projects: []
  }
]

let arr2 = [{
    user_id: 3,
    project_name: 'Project A'
  },
  {
    user_id: 3,
    project_name: 'Project B'
  },
  {
    user_id: 6,
    project_name: 'Project C'
  }
];

arr2.forEach((item) => {
  const findIndexArr1 = arr1.findIndex(elem => elem.user_id === item.user_id);
  if (findIndexArr1 !== -1) {
    arr1[findIndexArr1].active_projects.push(item.project_name)
  }
});
console.log(arr1)
<html>
<head>
   <title>MVG loading screen</title>
   <link href="assets/main.css" rel="stylesheet" type="text/css">
</head>
<body>
   <div class="container">
       <div class="outer">
           <div class="details">
               <img alt="MVG" src="assets/images/logo/mvg-logo.png" style="opacity: 100%;">
               <style>
                       img {             
                         display: block;
                         margin-left: auto;
                         margin-right: auto;
                         margin-top: 580px;
                       }
               </style>
           </div>
       </div>
   </div>
</body>
</html>

0 个答案:

没有答案