wow.js wow.min.js animate.css animate.min.css

前端之家收集整理的这篇文章主要介绍了wow.js wow.min.js animate.css animate.min.css前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

奉献给下载不到源码的小伙伴,下载到的请忽视

wow.js

(function() {
  var MutationObserver,Util,WeakMap,getComputedStyle,getComputedStyleRX,__bind = function(fn,me){ return function(){ return fn.apply(me,arguments); }; },__indexOf = [].indexOf || function(item) { for (var i = 0,l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };

  Util = (() {
     Util() {}

    Util.prototype.extend = (custom,defaults) {
       key,value;
      for (key in defaults) {
        value = defaults[key];
        if (custom[key] == null) {
          custom[key] = value;
        }
      }
       custom;
    };

    Util.prototype.isMobile = (agent) {
      return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(agent);
    };

    Util.prototype.addEvent = (elem,event,fn) {
      if (elem.addEventListener != ) {
        return elem.addEventListener(event,fn,false);
      } else if (elem.attachEvent != return elem.attachEvent("on" + event,fn);
      } else {
        return elem[event] = fn;
      }
    };

    Util.prototype.removeEvent = if (elem.removeEventListener != return elem.removeEventListener(event,1)">if (elem.detachEvent != return elem.detachEvent("on" +delete elem[event];
      }
    };

    Util.prototype.innerHeight = () {
      if ('innerHeight'  window) {
         window.innerHeight;
      }  document.documentElement.clientHeight;
      }
    };

     Util;

  })();

  WeakMap = this.WeakMap || this.MozWeakMap || (WeakMap = ( WeakMap() {
      this.keys = [];
      this.values = [];
    }

    WeakMap.prototype.get = (key) {
       i,item,_i,_len,_ref;
      _ref = this.keys;
      for (i = _i = 0,_len = _ref.length; _i < _len; i = ++_i) {
        item = _ref[i];
        if (item === key) {
          .values[i];
        }
      }
    };

    WeakMap.prototype.set = (key,value) {
      this.values[i] = value;
          ;
        }
      }
      .keys.push(key);
      .values.push(value);
    };

     WeakMap;

  })());

  MutationObserver = this.MutationObserver || this.WebkitMutationObserver || this.MozMutationObserver || (MutationObserver = ( MutationObserver() {
      if (typeof console !== "undefined" && console !== ) {
        console.warn('MutationObserver is not supported by your browser.');
      }
      ) {
        console.warn('WOW.js cannot detect dom mutations,please call .sync() after loading new content.');
      }
    }

    MutationObserver.notSupported = true;

    MutationObserver.prototype.observe = () {};

     MutationObserver;

  })());

  getComputedStyle = this.getComputedStyle || (el,pseudo) {
    this.getPropertyValue = (prop) {
       _ref;
      if (prop === 'float') {
        prop = 'styleFloat';
      }
      if (getComputedStyleRX.test(prop)) {
        prop.replace(getComputedStyleRX,function(_,1)">char) {
          .toUpperCase();
        });
      }
      return ((_ref = el.currentStyle) != null ? _ref[prop] : void 0) || ;
    };
    ;
  };

  getComputedStyleRX = /(\-([a-z]){1})/g;

  this.WOW = (() {
    WOW.prototype.defaults = {
      BoxClass: 'wow',animateClass: 'animated'
    };

     WOW(options) {
      if (options == ) {
        options = {};
      }
      this.scrollCallback = __bind(this.scrollCallback,1)">);
      this.scrollHandler = __bind(this.scrollHandler,1)">this.start = __bind(this.start,1)">this.scrolled = ;
      this.config = this.util().extend(options,1)">.defaults);
      this.animationNameCache = new WeakMap();
    }

    WOW.prototype.init = this.element = window.document.documentElement;
      if ((_ref = document.readyState) === "interactive" || _ref === "complete".start();
      } this.util().addEvent(document,'DOMContentLoaded',1)">.start);
      }
      this.finished = [];
    };

    WOW.prototype.start =  Box,_ref;
      this.stopped = this.Boxes = (() {
         _i,_ref,_results;
        _ref = this.element.querySelectorAll("." + .config.BoxClass);
        _results = [];
        for (_i = 0,_len = _ref.length; _i < _len; _i++) {
          Box = _ref[_i];
          _results.push(Box);
        }
         _results;
      }).call(this.all = (.Boxes;
        _results =.Boxes.length) {
        .disabled()) {
          .resetStyle();
        }  {
          _ref = .Boxes;
          ) {
            Box = _ref[_i];
            this.applyStyle(Box,1)">);
          }
          this.util().addEvent(window,'scroll',1)">.scrollHandler);
          this.interval = setInterval();
        }
      }
      .config.live) {
        new MutationObserver(((_this) {
          (records) {
             node,record,_j,_len1,_results;
            _results = [];
            for (_j = 0,_len1 = records.length; _j < _len1; _j++) {
              record = records[_j];
              _results.push((() {
                 _k,_len2,_ref1,_results1;
                _ref1 = record.addedNodes || [];
                _results1 = [];
                for (_k = 0,_len2 = _ref1.length; _k < _len2; _k++) {
                  node = _ref1[_k];
                  _results1.push(.doSync(node));
                }
                 _results1;
              }).call(_this));
            }
             _results;
          };
        })()).observe(document.body,{
          childList: 
        });
      }
    };

    WOW.prototype.stop = this.util().removeEvent(window,1)">.scrollHandler);
      this.interval != return clearInterval(.interval);
      }
    };

    WOW.prototype.sync = (element) {
       (MutationObserver.notSupported) {
        this.doSync(.element);
      }
    };

    WOW.prototype.doSync = if (!.stopped) {
        if (element == ) {
          element = .element;
        }
        if (element.nodeType !== 1;
        }
        element = element.parentNode || element;
        _ref = element.querySelectorAll("." +  _ref[_i];
          if (__indexOf.call(this.all,Box) < 0) {
            );
            .Boxes.push(Box);
            .all.push(Box);
            _results.push();
          }  {
            _results.push(void 0);
          }
        }
         _results;
      }
    };

    WOW.prototype.show = (Box) {
      .applyStyle(Box);
      return Box.className = "" + Box.className + " " + .config.animateClass;
    };

    WOW.prototype.applyStyle = (Box,hidden) {
       delay,duration,iteration;
      duration = Box.getAttribute('data-wow-duration');
      delay = Box.getAttribute('data-wow-delay');
      iteration = Box.getAttribute('data-wow-iteration'this.animate(((_this) {
        () {
           _this.customStyle(Box,hidden,delay,iteration);
        };
      })());
    };

    WOW.prototype.animate = (if ('requestAnimationFrame' (callback) {
           window.requestAnimationFrame(callback);
        };
      }  callback();
        };
      }
    })();

    WOW.prototype.resetStyle = .Boxes;
      _results =) {
        Box = _ref[_i];
        _results.push(Box.setAttribute('style','visibility: visible;'));
      }
       _results;
    };

    WOW.prototype.customStyle =  (hidden) {
        .cacheAnimationName(Box);
      }
      Box.style.visibility = hidden ? 'hidden' : 'visible' (duration) {
        .vendorSet(Box.style,{
          animationDuration: duration
        });
      }
       (delay) {
         (iteration) {
        = .animationNameCache.get(Box);
    };

    WOW.prototype.scrollHandler = ;
    };

    WOW.prototype.scrollCallback =  Box;
      .scrolled) {
        ;
        .Boxes;
          _results =(Box)) {
              continue;
            }
            .isVisible(Box)) {
              .show(Box);
              ;
            }
            _results.push(Box);
          }
           _results;
        }).call();
        if (!(this.Boxes.length || .config.live)) {
          .stop();
        }
      }
    };

    WOW.prototype.offsetTop =  top;
      while (element.offsetTop === ) {
        element = element.parentNode;
      }
      top = element.offsetTop;
      while (element = element.offsetParent) {
        top += element.offsetTop;
      }
       top;
    };

    WOW.prototype.isVisible =  bottom,offset,top,viewBottom,viewTop;
      offset = Box.getAttribute('data-wow-offset') || .config.offset;
      viewTop = window.pageYOffset;
      viewBottom = viewTop + Math.min(this.element.clientHeight,1)">this.util().innerHeight()) - offset;
      top = .offsetTop(Box);
      bottom = top + Box.clientHeight;
      return top <= viewBottom && bottom >= viewTop;
    };

    WOW.prototype.util = this._util != null ? this._util : this._util =  Util();
    };

    WOW.prototype.disabled = return !this.config.mobile && .util().isMobile(navigator.userAgent);
    };

     WOW;

  })();

}).call(this);

wow.min.js

/*! WOW - v1.0.1 - 2014-09-03
* Copyright (c) 2014 Matthieu Aussaguel; Licensed MIT */(function(){var a,b,c,d,e,f=function(a,b){return a.apply(b,arguments)}},g=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b this&&this[b]===a)return b;return-1};b=function a(){}return a.prototype.extend=var c,d;for(c in b)d=b[c],1)">null==a[c]&&(a[c]=d);return a},a.prototype.isMobile=return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)},a.prototype.addEvent=null!=a.addEventListener?a.addEventListener(b,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c},a.prototype.removeEvent=null!=a.removeEventListener?a.removeEventListener(b,1)">null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]},a.prototype.innerHeight=return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight},a}(),1)">this.WeakMap||this.MozWeakMap||(c=function a(){this.keys=[],1)">this.values=[]}return a.prototype.get=var b,f;for(f=this.keys,b=d=0,e=f.length;e>d;b=++d)if(c=f[b],c===a)this.values[b]},a.prototype.set=for(g=if(d=g[c],d===a)void(this.values[c]=b);this.keys.push(a),1)">this.values.push(b)},a}()),a=this.MutationObserver||this.WebkitMutationObserver||this.MozMutationObserver||(a=function a(){"undefined"!=typeof console&&null!==console&&console.warn("MutationObserver is not supported by your browser."),"undefined"!=null!==console&&console.warn("WOW.js cannot detect dom mutations,please call .sync() after loading new content.")}return a.notSupported=!0,a.prototype.observe=function(){},d=this.getComputedStyle||this.getPropertyValue=function(b){var c;return"float"===b&&(b="styleFloat"),e.test(b)&&b.replace(e,1)">return b.toUpperCase()}),(null!=(c=a.currentStyle)?c[b]:void 0)||null},1)">this},e=/(\-([a-z]){1})/g,1)">this.WOW=function e(a){null==a&&(a={}),1)">this.scrollCallback=f(this),1)">this.scrollHandler=f(this.start=f(this.scrolled=!0,1)">this.config=this.util().extend(a,1)">this.defaults),1)">this.animationNameCache=new c}return e.prototype.defaults={BoxClass:"wow",animateClass:"animated",offset:0,mobile:!0,live:!0},e.prototype.init=var a;this.element=window.document.documentElement,"interactive"===(a=document.readyState)||"complete"===a?this.start():this.start),1)">this.finished=[]},e.prototype.start=if(this.stopped=!1,1)">this.Boxes=for(d=this.element.querySelectorAll("."+this.config.BoxClass),e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this.all=this.Boxes,1)">this.Boxes.length)this.disabled())this.resetStyle();else{for(e=this.applyStyle(b,!0);this.scrollHandler),"resize",1)">this.interval=setInterval(this.config.live?new a(for(g=[],e=0,f=b.length;f>e;e++)d=b[e],g.push(for(e=d.addedNodes||[],f=[],b=e.length;b>a;a++)c=e[a],f.push(this.doSync(c));return f}.call(a));return g}}(this)).observe(document.body,{childList:!0,subtree:!0}):void 0},e.prototype.stop=this.stopped=!0,1)">null!=this.interval?clearInterval(this.interval):return a.notSupported?this.element):if(!this.stopped){null==a&&(a=this.element),1!==a.nodeType)return;for(a=a.parentNode||a,e=a.querySelectorAll("."+this.Boxes.push(b),1)">this.all.push(b),1)">this.scrolled=!0)):f.push(void 0);return f}},e.prototype.show=this.applyStyle(a),a.className=""+a.className+" "+this.config.animateClass},e.prototype.applyStyle=return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),1)">this.animate(function(f){return f.customStyle(a,e)}}(this))},e.prototype.animate=return"requestAnimationFrame"in window?return window.requestAnimationFrame(a)}:return a()}}(),e.prototype.resetStyle=return e},e.prototype.customStyle=return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.cachedAnimationName(a)}),a},e.prototype.vendors=["moz","webkit"],e.prototype.vendorSet=this.vendors,h=[],f=g.length;f>b;b++)e=g[b],h.push(a[""+e+c.charAt(0).toUpperCase()+c.substr(1)]=d);return h}.call(this));return f},e.prototype.vendorCSS=for(e=d(a),c=e.getPropertyCSSValue(b),i=return c},e.prototype.animationName=var b;try{b=this.vendorCSS(a,"animation-name").cssText}catch(c){b=d(a).getPropertyValue("animation-name")}return"none"===b?"":b},e.prototype.cacheAnimationName=this.animationNameCache.set(a,1)">this.animationName(a))},e.prototype.cachedAnimationName=this.animationNameCache.get(a)},e.prototype.scrollHandler=this.scrolled=!0},e.prototype.scrollCallback=return!this.scrolled||(this.scrolled=!1,a&&(this.isVisible(a)?this.show(a):e.push(a));this.Boxes.length||this.config.live)?void 0:this.stop()},e.prototype.offsetTop=void 0===a.offsetTop;)a=a.parentNode;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},e.prototype.isVisible=return c=a.getAttribute("data-wow-offset")||this.config.offset,f=window.pageYOffset,e=f+Math.min(this.util().innerHeight())-c,1)">this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},e.prototype.util=this._util?this._util:this._util=new b},e.prototype.disabled=this.config.mobile&&this.util().isMobile(navigator.userAgent)},e}()}).call(this);

animate.css

@charset "UTF-8";
.animated {
  -webkit-animation-duration: 1s;
          animation-duration:
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge { 2s; 2s;
}

@-webkit-keyframes bounce {
  0%,20%,53%,80%,100% {
    -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
            transition-timing-function:
    -webkit-transform: translate3d(0,0);
            transform:

  40%,43% {
    -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);

  70% {

  90% {
}

@keyframes bounce {
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name:
  -webkit-transform-origin: center bottom;
      -ms-transform-origin:
          transform-origin: center bottom;
}

@-webkit-keyframes flash { 1;
  }

  25%,75% {
    opacity: 0;
  }
}

@keyframes flash {
}

.flash { flash; flash;
}

 originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1,1,1);

  50% { scale3d(1.05,1.05,1.05);

  100% {
}

@keyframes pulse {
}

.pulse { pulse; pulse;
}

@-webkit-keyframes rubberBand {

  30% { scale3d(1.25,0.75,1)">

  40% { scale3d(0.75,1.25,1)"> scale3d(1.15,0.85,1)">

  65% { scale3d(.95,1)">

  75% {
}

@keyframes rubberBand {
}

.rubberBand { rubberBand; rubberBand;
}

@-webkit-keyframes shake {

  10%,30%,70%,90% { translate3d(-10px,1)">

  20%,40%,60%,80% { translate3d(10px,1)">
}

@keyframes shake {
}

.shake { shake; shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0,15deg);;

  60% {;
  }

  80% {;
  };
  }
}

@keyframes swing {
}

.swing { top center; swing; swing;
}

@-webkit-keyframes tada { scale3d(.9,.9,.9) rotate3d(0,-3deg);

  30%,1)"> scale3d(1.1,1.1,1.1) rotate3d(0,3deg);
}

@keyframes tada {
}

.tada { tada; tada;
}



@-webkit-keyframes wobble { none; none;
  }

  15% { translate3d(-25%,0) rotate3d(0,1)"> translate3d(20%,1)">

  45% { translate3d(-15%,1)"> translate3d(10%,2deg); translate3d(-5%,-1deg);
}

@keyframes wobble {
}

.wobble { wobble; wobble;
}

@-webkit-keyframes bounceIn {

  0% { 0; scale3d(.3,.3,.3);

  20% {;
  };
  } 1; scale3d(1.03,1.03,1.03); scale3d(.97,.97,.97);
}

@keyframes bounceIn {
}

.bounceIn { bounceIn; .75s; .75s;
}

@-webkit-keyframes bounceInDown {
}

@keyframes bounceInDown {
}

.bounceInDown { bounceInDown; bounceInDown;
}

@-webkit-keyframes bounceInLeft { translate3d(-3000px,1)"> translate3d(25px,1)"> translate3d(5px,1)">
}

@keyframes bounceInLeft {
}

.bounceInLeft { bounceInLeft; bounceInLeft;
}

@-webkit-keyframes bounceInRight { translate3d(3000px,1)"> translate3d(-25px,1)"> translate3d(-5px,1)">
}

@keyframes bounceInRight {
}

.bounceInRight { bounceInRight; bounceInRight;
}

@-webkit-keyframes bounceInUp {
}

@keyframes bounceInUp {
}

.bounceInUp { bounceInUp; bounceInUp;
}

@-webkit-keyframes bounceOut {

  50%,55% {
}

@keyframes bounceOut {
}

.bounceOut { bounceOut;

@-webkit-keyframes bounceOutDown {
}

@keyframes bounceOutDown {
}

.bounceOutDown { bounceOutDown; bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: translate3d(20px,1)"> translate3d(-2000px,1)">
}

@keyframes bounceOutLeft {
}

.bounceOutLeft { bounceOutLeft; bounceOutLeft;
}

@-webkit-keyframes bounceOutRight { translate3d(-20px,1)"> translate3d(2000px,1)">
}

@keyframes bounceOutRight {
}

.bounceOutRight { bounceOutRight; bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
}

@keyframes bounceOutUp {
}

.bounceOutUp { bounceOutUp; bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
}

.fadeIn { fadeIn; fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity:
}

@keyframes fadeInDown {
}

.fadeInDown { fadeInDown; fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
}

@keyframes fadeInDownBig {
}

.fadeInDownBig { fadeInDownBig; fadeInDownBig;
}

@-webkit-keyframes fadeInLeft { translate3d(-100%,1)">
}

@keyframes fadeInLeft {
}

.fadeInLeft { fadeInLeft; fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
}

@keyframes fadeInLeftBig {
}

.fadeInLeftBig { fadeInLeftBig; fadeInLeftBig;
}

@-webkit-keyframes fadeInRight { translate3d(100%,1)">
}

@keyframes fadeInRight {
}

.fadeInRight { fadeInRight; fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
}

@keyframes fadeInRightBig {
}

.fadeInRightBig { fadeInRightBig; fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
}

@keyframes fadeInUp {
}

.fadeInUp { fadeInUp; fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
}

@keyframes fadeInUpBig {
}

.fadeInUpBig { fadeInUpBig; fadeInUpBig;
}

@-webkit-keyframes fadeOut {
}

@keyframes fadeOut {
}

.fadeOut { fadeOut; fadeOut;
}

@-webkit-keyframes fadeOutDown {
}

@keyframes fadeOutDown {
}

.fadeOutDown { fadeOutDown; fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
}

@keyframes fadeOutDownBig {
}

.fadeOutDownBig { fadeOutDownBig; fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
}

@keyframes fadeOutLeft {
}

.fadeOutLeft { fadeOutLeft; fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
}

@keyframes fadeOutLeftBig {
}

.fadeOutLeftBig { fadeOutLeftBig; fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
}

@keyframes fadeOutRight {
}

.fadeOutRight { fadeOutRight; fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
}

@keyframes fadeOutRightBig {
}

.fadeOutRightBig { fadeOutRightBig; fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
}

@keyframes fadeOutUp {
}

.fadeOutUp { fadeOutUp; fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
}

@keyframes fadeOutUpBig {
}

.fadeOutUpBig { fadeOutUpBig; fadeOutUpBig;
}

@-webkit-keyframes flip { perspective(400px) rotate3d(0,-360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  } perspective(400px) translate3d(0,150px) rotate3d(0,-190deg); ease-in; ease-in;
  } perspective(400px) scale3d(.95,.95); perspective(400px);
}

@keyframes flip {
}

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: flip; flip;
}

@-webkit-keyframes flipInX { perspective(400px) rotate3d(1,90deg);; perspective(400px);
  }
}

@keyframes flipInX {
}

.flipInX { visible !important; flipInX; flipInX;
}

@-webkit-keyframes flipInY {
}

@keyframes flipInY {
}

.flipInY { flipInY; flipInY;
}

@-webkit-keyframes flipOutX {
}

@keyframes flipOutX {
}

.flipOutX { flipOutX; visible !important;
}

@-webkit-keyframes flipOutY {
}

@keyframes flipOutY {
}

.flipOutY { flipOutY;

@-webkit-keyframes lightSpeedIn { skewX(20deg); skewX(-5deg);
}

@keyframes lightSpeedIn {
}

.lightSpeedIn { lightSpeedIn;
  -webkit-animation-timing-function:
          animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
}

@keyframes lightSpeedOut {
}

.lightSpeedOut { lightSpeedOut; ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin:
    -webkit-transform-origin:
}

@keyframes rotateIn {
}

.rotateIn { rotateIn; rotateIn;
}

@-webkit-keyframes rotateInDownLeft { left bottom;
}

@keyframes rotateInDownLeft {
}

.rotateInDownLeft { rotateInDownLeft; rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight { right bottom;
}

@keyframes rotateInDownRight {
}

.rotateInDownRight { rotateInDownRight; rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
}

@keyframes rotateInUpLeft {
}

.rotateInUpLeft { rotateInUpLeft; rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
}

@keyframes rotateInUpRight {
}

.rotateInUpRight { rotateInUpRight; rotateInUpRight;
}

@-webkit-keyframes rotateOut {
}

@keyframes rotateOut {
}

.rotateOut { rotateOut; rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
}

@keyframes rotateOutDownLeft {
}

.rotateOutDownLeft { rotateOutDownLeft; rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
}

@keyframes rotateOutDownRight {
}

.rotateOutDownRight { rotateOutDownRight; rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
}

@keyframes rotateOutUpLeft {
}

.rotateOutUpLeft { rotateOutUpLeft; rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
}

@keyframes rotateOutUpRight {
}

.rotateOutUpRight { rotateOutUpRight; rotateOutUpRight;
}

@-webkit-keyframes hinge { top left; ease-in-out; ease-in-out;
  };
}

@keyframes hinge {
}

.hinge { hinge; hinge;
}



@-webkit-keyframes rollIn {;
  }
}

@keyframes rollIn {
}

.rollIn { rollIn; rollIn;
}



@-webkit-keyframes rollOut {;
  }
}

@keyframes rollOut {
}

.rollOut { rollOut; rollOut;
}

@-webkit-keyframes zoomIn {
}

@keyframes zoomIn {
}

.zoomIn { zoomIn; zoomIn;
}

@-webkit-keyframes zoomInDown { scale3d(.1,.1,.1) translate3d(0,-1000px,1)"> cubic-bezier(0.550,0.055,0.675,0.190); scale3d(.475,.475,.475) translate3d(0,60px,1)"> cubic-bezier(0.175,0.885,0.320,1)">
}

@keyframes zoomInDown {
}

.zoomInDown { zoomInDown; zoomInDown;
}

@-webkit-keyframes zoomInLeft {
}

@keyframes zoomInLeft {
}

.zoomInLeft { zoomInLeft; zoomInLeft;
}

@-webkit-keyframes zoomInRight {
}

@keyframes zoomInRight {
}

.zoomInRight { zoomInRight; zoomInRight;
}

@-webkit-keyframes zoomInUp {
}

@keyframes zoomInUp {
}

.zoomInUp { zoomInUp; zoomInUp;
}

@-webkit-keyframes zoomOut {
}

@keyframes zoomOut {
}

.zoomOut { zoomOut; zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity:
}

@keyframes zoomOutDown {
}

.zoomOutDown { zoomOutDown; zoomOutDown;
}

@-webkit-keyframes zoomOutLeft { scale(.1) translate3d(-2000px,1)"> left center; left center;
  }
}

@keyframes zoomOutLeft {
}

.zoomOutLeft { zoomOutLeft; zoomOutLeft;
}

@-webkit-keyframes zoomOutRight { scale(.1) translate3d(2000px,1)"> right center; right center;
  }
}

@keyframes zoomOutRight {
}

.zoomOutRight { zoomOutRight; zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
}

@keyframes zoomOutUp {
}

.zoomOutUp { zoomOutUp; zoomOutUp;
}

@-webkit-keyframes slideInDown { translateY(-100%);
    visibility: visible;
  } translateY(0); translateY(0);
  }
}

@keyframes slideInDown {
}

.slideInDown { slideInDown; slideInDown;
}

@-webkit-keyframes slideInLeft { translateX(-100%); translateX(0); translateX(0);
  }
}

@keyframes slideInLeft {
}

.slideInLeft { slideInLeft; slideInLeft;
}

@-webkit-keyframes slideInRight { translateX(100%);
}

@keyframes slideInRight {
}

.slideInRight { slideInRight; slideInRight;
}

@-webkit-keyframes slideInUp { translateY(100%);
}

@keyframes slideInUp {
}

.slideInUp { slideInUp; slideInUp;
}

@-webkit-keyframes slideOutDown { hidden; translateY(100%);
  }
}

@keyframes slideOutDown {
}

.slideOutDown { slideOutDown; slideOutDown;
}

@-webkit-keyframes slideOutLeft { translateX(-100%);
  }
}

@keyframes slideOutLeft {
}

.slideOutLeft { slideOutLeft; slideOutLeft;
}

@-webkit-keyframes slideOutRight { translateX(100%);
  }
}

@keyframes slideOutRight {
}

.slideOutRight { slideOutRight; slideOutRight;
}

@-webkit-keyframes slideOutUp { translateY(-100%);
  }
}

@keyframes slideOutUp {
}

.slideOutUp { slideOutUp; slideOutUp;
}

animate.min.css

@charset "UTF-8";!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
.animated{-webkit-animation-duration:1s;animation-duration:-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{2s;2s}@-webkit-keyframes bounce{0%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1)">transition-timing-function:-webkit-transform:translate3d(0,1)">transform:40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);70%{90%{}@keyframes bounce{}.bounce{-webkit-animation-name:bounce;animation-name:-webkit-transform-origin:center bottom;-ms-transform-origin:transform-origin:center bottom}@-webkit-keyframes flash{1}25%,75%{0}}@keyframes flash{}.flash{flash;flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1)}50%{scale3d(1.05,1.05)}100%{}@keyframes pulse{}.pulse{pulse;pulse}@-webkit-keyframes rubberBand{30%{scale3d(1.25,.75,1)">40%{scale3d(0.75,1)">scale3d(1.15,.85,1)">65%{scale3d(.95,1)">75%{}@keyframes rubberBand{}.rubberBand{rubberBand;rubberBand}@-webkit-keyframes shake{10%,90%{translate3d(-10px,1)">20%,80%{translate3d(10px,1)">}@keyframes shake{}.shake{shake;shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,15deg)}60%{80%{}}@keyframes swing{}.swing{top center;swing;swing}@-webkit-keyframes tada{scale3d(.9,-3deg)}30%,1)">scale3d(1.1,3deg)}}@keyframes tada{}.tada{tada;tada}@-webkit-keyframes wobble{none;none}15%{translate3d(-25%,1)">translate3d(20%,1)">45%{translate3d(-15%,1)">translate3d(10%,2deg)}translate3d(-5%,-1deg)}}@keyframes wobble{}.wobble{wobble;wobble}@-webkit-keyframes bounceIn{0%{0;scale3d(.3,.3)}20%{}1;scale3d(1.03,1.03)}scale3d(.97,.97)}}@keyframes bounceIn{}.bounceIn{bounceIn;.75s;.75s}@-webkit-keyframes bounceInDown{}@keyframes bounceInDown{}.bounceInDown{bounceInDown;bounceInDown}@-webkit-keyframes bounceInLeft{translate3d(-3000px,1)">translate3d(25px,1)">translate3d(5px,1)">}@keyframes bounceInLeft{}.bounceInLeft{bounceInLeft;bounceInLeft}@-webkit-keyframes bounceInRight{translate3d(3000px,1)">translate3d(-25px,1)">translate3d(-5px,1)">}@keyframes bounceInRight{}.bounceInRight{bounceInRight;bounceInRight}@-webkit-keyframes bounceInUp{}@keyframes bounceInUp{}.bounceInUp{bounceInUp;bounceInUp}@-webkit-keyframes bounceOut{50%,55%{}@keyframes bounceOut{}.bounceOut{bounceOut;@-webkit-keyframes bounceOutDown{}@keyframes bounceOutDown{}.bounceOutDown{bounceOutDown;bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:translate3d(20px,1)">translate3d(-2000px,1)">}@keyframes bounceOutLeft{}.bounceOutLeft{bounceOutLeft;bounceOutLeft}@-webkit-keyframes bounceOutRight{translate3d(-20px,1)">translate3d(2000px,1)">}@keyframes bounceOutRight{}.bounceOutRight{bounceOutRight;bounceOutRight}@-webkit-keyframes bounceOutUp{}@keyframes bounceOutUp{}.bounceOutUp{bounceOutUp;bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:}@keyframes fadeIn{}.fadeIn{fadeIn;fadeIn}@-webkit-keyframes fadeInDown{}@keyframes fadeInDown{}.fadeInDown{fadeInDown;fadeInDown}@-webkit-keyframes fadeInDownBig{}@keyframes fadeInDownBig{}.fadeInDownBig{fadeInDownBig;fadeInDownBig}@-webkit-keyframes fadeInLeft{translate3d(-100%,1)">}@keyframes fadeInLeft{}.fadeInLeft{fadeInLeft;fadeInLeft}@-webkit-keyframes fadeInLeftBig{}@keyframes fadeInLeftBig{}.fadeInLeftBig{fadeInLeftBig;fadeInLeftBig}@-webkit-keyframes fadeInRight{translate3d(100%,1)">}@keyframes fadeInRight{}.fadeInRight{fadeInRight;fadeInRight}@-webkit-keyframes fadeInRightBig{}@keyframes fadeInRightBig{}.fadeInRightBig{fadeInRightBig;fadeInRightBig}@-webkit-keyframes fadeInUp{}@keyframes fadeInUp{}.fadeInUp{fadeInUp;fadeInUp}@-webkit-keyframes fadeInUpBig{}@keyframes fadeInUpBig{}.fadeInUpBig{fadeInUpBig;fadeInUpBig}@-webkit-keyframes fadeOut{}@keyframes fadeOut{}.fadeOut{fadeOut;fadeOut}@-webkit-keyframes fadeOutDown{}@keyframes fadeOutDown{}.fadeOutDown{fadeOutDown;fadeOutDown}@-webkit-keyframes fadeOutDownBig{}@keyframes fadeOutDownBig{}.fadeOutDownBig{fadeOutDownBig;fadeOutDownBig}@-webkit-keyframes fadeOutLeft{}@keyframes fadeOutLeft{}.fadeOutLeft{fadeOutLeft;fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{}@keyframes fadeOutLeftBig{}.fadeOutLeftBig{fadeOutLeftBig;fadeOutLeftBig}@-webkit-keyframes fadeOutRight{}@keyframes fadeOutRight{}.fadeOutRight{fadeOutRight;fadeOutRight}@-webkit-keyframes fadeOutRightBig{}@keyframes fadeOutRightBig{}.fadeOutRightBig{fadeOutRightBig;fadeOutRightBig}@-webkit-keyframes fadeOutUp{}@keyframes fadeOutUp{}.fadeOutUp{fadeOutUp;fadeOutUp}@-webkit-keyframes fadeOutUpBig{}@keyframes fadeOutUpBig{}.fadeOutUpBig{fadeOutUpBig;fadeOutUpBig}@-webkit-keyframes flip{perspective(400px) rotate3d(0,1)">-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}perspective(400px) translate3d(0,1)">ease-in;ease-in}perspective(400px) scale3d(.95,1)">perspective(400px);}@keyframes flip{}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:flip;flip}@-webkit-keyframes flipInX{perspective(400px) rotate3d(1,1)">perspective(400px)}}@keyframes flipInX{}.flipInX{visible!important;flipInX;flipInX}@-webkit-keyframes flipInY{}@keyframes flipInY{}.flipInY{flipInY;flipInY}@-webkit-keyframes flipOutX{}@keyframes flipOutX{}.flipOutX{flipOutX;visible!important}@-webkit-keyframes flipOutY{}@keyframes flipOutY{}.flipOutY{flipOutY;@-webkit-keyframes lightSpeedIn{skewX(20deg);skewX(-5deg);}@keyframes lightSpeedIn{}.lightSpeedIn{lightSpeedIn;@-webkit-keyframes lightSpeedOut{}@keyframes lightSpeedOut{}.lightSpeedOut{lightSpeedOut;@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;}@keyframes rotateIn{}.rotateIn{rotateIn;rotateIn}@-webkit-keyframes rotateInDownLeft{left bottom;}@keyframes rotateInDownLeft{}.rotateInDownLeft{rotateInDownLeft;rotateInDownLeft}@-webkit-keyframes rotateInDownRight{right bottom;}@keyframes rotateInDownRight{}.rotateInDownRight{rotateInDownRight;rotateInDownRight}@-webkit-keyframes rotateInUpLeft{}@keyframes rotateInUpLeft{}.rotateInUpLeft{rotateInUpLeft;rotateInUpLeft}@-webkit-keyframes rotateInUpRight{}@keyframes rotateInUpRight{}.rotateInUpRight{rotateInUpRight;rotateInUpRight}@-webkit-keyframes rotateOut{}@keyframes rotateOut{}.rotateOut{rotateOut;rotateOut}@-webkit-keyframes rotateOutDownLeft{}@keyframes rotateOutDownLeft{}.rotateOutDownLeft{rotateOutDownLeft;rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{}@keyframes rotateOutDownRight{}.rotateOutDownRight{rotateOutDownRight;rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{}@keyframes rotateOutUpLeft{}.rotateOutUpLeft{rotateOutUpLeft;rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{}@keyframes rotateOutUpRight{}.rotateOutUpRight{rotateOutUpRight;rotateOutUpRight}@-webkit-keyframes hinge{top left;ease-in-out;ease-in-out}}@keyframes hinge{}.hinge{hinge;hinge}@-webkit-keyframes rollIn{}@keyframes rollIn{}.rollIn{rollIn;rollIn}@-webkit-keyframes rollOut{}@keyframes rollOut{}.rollOut{rollOut;rollOut}@-webkit-keyframes zoomIn{}@keyframes zoomIn{}.zoomIn{zoomIn;zoomIn}@-webkit-keyframes zoomInDown{scale3d(.1,1)">cubic-bezier(0.55,.055,.675,.19);scale3d(.475,1)">cubic-bezier(0.175,.885,.32,1)">}@keyframes zoomInDown{}.zoomInDown{zoomInDown;zoomInDown}@-webkit-keyframes zoomInLeft{}@keyframes zoomInLeft{}.zoomInLeft{zoomInLeft;zoomInLeft}@-webkit-keyframes zoomInRight{}@keyframes zoomInRight{}.zoomInRight{zoomInRight;zoomInRight}@-webkit-keyframes zoomInUp{}@keyframes zoomInUp{}.zoomInUp{zoomInUp;zoomInUp}@-webkit-keyframes zoomOut{}@keyframes zoomOut{}.zoomOut{zoomOut;zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:}@keyframes zoomOutDown{}.zoomOutDown{zoomOutDown;zoomOutDown}@-webkit-keyframes zoomOutLeft{scale(.1) translate3d(-2000px,1)">left center;left center}}@keyframes zoomOutLeft{}.zoomOutLeft{zoomOutLeft;zoomOutLeft}@-webkit-keyframes zoomOutRight{scale(.1) translate3d(2000px,1)">right center;right center}}@keyframes zoomOutRight{}.zoomOutRight{zoomOutRight;zoomOutRight}@-webkit-keyframes zoomOutUp{}@keyframes zoomOutUp{}.zoomOutUp{zoomOutUp;zoomOutUp}@-webkit-keyframes slideInDown{translateY(-100%);visibility:visible}translateY(0);translateY(0)}}@keyframes slideInDown{}.slideInDown{slideInDown;slideInDown}@-webkit-keyframes slideInLeft{translateX(-100%);translateX(0);translateX(0)}}@keyframes slideInLeft{}.slideInLeft{slideInLeft;slideInLeft}@-webkit-keyframes slideInRight{translateX(100%);}@keyframes slideInRight{}.slideInRight{slideInRight;slideInRight}@-webkit-keyframes slideInUp{translateY(100%);}@keyframes slideInUp{}.slideInUp{slideInUp;slideInUp}@-webkit-keyframes slideOutDown{hidden;translateY(100%)}}@keyframes slideOutDown{}.slideOutDown{slideOutDown;slideOutDown}@-webkit-keyframes slideOutLeft{translateX(-100%)}}@keyframes slideOutLeft{}.slideOutLeft{slideOutLeft;slideOutLeft}@-webkit-keyframes slideOutRight{translateX(100%)}}@keyframes slideOutRight{}.slideOutRight{slideOutRight;slideOutRight}@-webkit-keyframes slideOutUp{translateY(-100%)}}@keyframes slideOutUp{}.slideOutUp{slideOutUp;slideOutUp}

 

猜你在找的jQuery相关文章