星球大战风格css3 .jquery效果滚动/关键帧效果鼠标滚动

Question

是否有人能够提供有关如何创建在鼠标滚动滚动的开始战争风格文字效果的任何提示？

基本上这个： http://codepen.io/squarecat/pen/KuHsl

由鼠标滚动控制。如果那可能吗？我想实际上这是一个关于如何通过鼠标滚动触发关键帧的更广泛的问题..

var url = "blablabla.com/img.png";
var targetPath = "img/"+ imgpaths;
    var trustHosts = true;
    var options = {};

    $cordovaFileTransfer.download(url, targetPath, options, trustHosts)
      .then(function(result) {
        // Success!
        console.log('Download Success' + targetPath);
      }, function(err) {
        // Error
      }, function (progress) {
        $timeout(function () {
          var downloadProgress = (progress.loaded / progress.total) * 100;
          console.log('Progress : '+downloadProgress);
        });

  });

有人能指出我正确的方向吗？