Memory Game Intro

by alirizaadiyahsi

HTML

<table id="intro">
    <tr>
        <td>
            asd
        </td>
        <td>
            asd
        </td>
        <td>
            asd
        </td>
    </tr>
    <tr>
        <td>
            asd
        </td>
        <td>
            asd
        </td>
        <td>
            asd
        </td>
    </tr>
</table>

CSS

html, body {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
}
#intro {
    height:100%;
    width:100%;
    border-spacing: 20px;
    background-image:url('http://communities.bentley.com/cfs-file.ashx/__key/communityserver-discussions-components-files/19754/Skygradient02.jpg');
    background-repeat:repeat-x;
}

JavaScript

/*! motio 2.2.2 - 7th Aug 2014 | https://github.com/darsain/motio */
(function(h,C){function l(a,D){function k(c){d.reversed=c;s||(b.isPaused=!1,x("play"),s=u(l))}function l(){s=u(l);var c=E();60>e.fps&&d.lastFrame&&d.lastFrame+1E3/e.fps+1>c||(d.lastFrame=c,v?(g.x+=e.speedX/e.fps,g.y+=e.speedY/e.fps,e.bgWidth&&Math.abs(g.x)>e.bgWidth&&(g.x%=e.bgWidth),e.bgHeight&&Math.abs(g.y)>e.bgHeight&&(g.y%=e.bgHeight)):(d.finite?m=d.immediate?d.to:m+(m>d.to?-1:1):d.reversed?0>=--m&&(m=q.length-1):++m>=q.length&&(m=0),b.frame=m),y=v?Math.round(g.x)+"px "+Math.round(g.y)+"px":q[m],
y!==A&&(a.style.backgroundPosition=A=y),x("frame"),d.finite&&d.to===m&&(b.pause(),"function"===p(d.callback)&&d.callback.call(b)))}function B(c,b){r=0;for(w=n[c].length;r<w;r++)if(n[c][r]===b)return r;return-1}function x(c,a){if(n[c])for(r=0,w=n[c].length;r<w;r++)n[c][r].call(b,c,a)}function z(c){return h.getComputedStyle?h.getComputedStyle(a,null)[c]:a.currentStyle[c]}var e=F(D),b=this,v=!e.frames,q=[],n={},d={},m=0,g,y,A,s,r,w;b.element=a;b.width=e.width||a.clientWidth;b.height=e.height||a.clientHeight;
b.options=e;b.isPaused=!0;b.pause=function(){t(s);s=0;d.lastFrame=0;b.isPaused||(b.isPaused=!0,x("pause"));return b};b.play=function(c){d.finite=!1;d.callback=C;d.immediate=!1;k(c);return b};b.toggle=function(){b[s?"pause":"play"]();return b};b.toStart=function(c,a){return b.to(0,c,a)};b.toEnd=function(c,a){return b.to(q.length-1,c,a)};b.to=function(c,a,f){if(v||isNaN(parseFloat(c))||!isFinite(c)||0>c||c>=q.length)return b;"function"===p(a)&&(f=a,a=!1);if(c===m)if(0===c)m=q.length;else if(c===q.length-
1)m=-1;else return"function"===p(f)&&f.call(b),b.pause(),b;d.finite=!0;d.to=c;d.immediate=!!a;d.callback=f;k();return b};b.set=function(c,a){e[c]=a;return b};b.on=function(c,a){if("object"===p(c))for(var f in c){if(c.hasOwnProperty(f))b.on(f,c[f])}else if("function"===p(a)){f=c.split(" ");for(var d=0,e=f.length;d<e;d++)n[f[d]]=n[f[d]]||[],-1===B(f[d],a)&&n[f[d]].push(a)}else...