Animate.css无法正常工作

时间:2017-05-12 18:04:40

标签: html css animate.css

所以,我已经尝试使用var fragmentSrc = [ "uniform vec4 colorList;", // WHAT TYPE DO I NEED HERE TO PASS THE ARRY IN THE COMMENT BELOW? "void main() {", " float GrayScale = (gl_FragCoord.r * 299.0 / 1000.0) + (gl_FragCoord.g * 587.0 / 1000.0) + (gl_FragCoord.b * 114.0 / 1000.0);", " float sigmoidThreshold = 1.0 / (1.0 + pow(2.7182818284590452353602874713527, (-((GrayScale - 128.0) /32.0))));", " gl_FragColor = colorList;", "}", ]; ,我终于让它发挥作用了。但是一些动画导致我使用它的元素从它的原始位置移开,但不是所有的东西。

有人知道是什么原因引起的吗?

animate.css

<!DOCTYPE html>
<html>
  <head>
    <title>deadinside</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/animate.min.css">
  </head>

  <script src="js/ctrl.js"> </script>

  <body oncontextmenu="return false" onkeypress="return disableCtrlKeyCombination(event);" onkeydown="return disableCtrlKeyCombination(event);" >

    <video autoplay="true" loop="true">
      <source src="videos/antarctica.mp4" type="video/mp4">
      <source src="videos/di.webm" type="video/webm">
    </video>

    <a href="http://steamcommunity.com/groups/deadinsiide" target="_blank"><img src="img/deadinsiderw.png" width="484" height="87" class="image animated fadeInUp"/></a>

    <script src="js/f12.js"> </script>

  </body>
</html

1 个答案:

答案 0 :(得分:0)

我已经解决了。我将图像置于中心的方式就是问题。