如何使用velocityjs来制作动画

Question

我无法使velocityjs工作，我也无法使用.animate()工作

谁能告诉我如何使用它？我以前总是使用javascript。

我希望使用div为class : .kotak-kecil制作动画，如果div被悬停，那么它会将box-shadow和border添加到其css中，使其看起来像正在成长。

控制台中出现了一些错误，但现在我已经修复了关于jquery的所有错误，但即使修好了，我仍然无法使其完全正常工作

我按顺序将Jquery包含在页面底部：

 jquery-214-min.js
 velocity.js
 AllJs.js // this is where I put the code to animate the div

HTML

 <div class='kotak-kecil'>
    Box 1
 </div>
 <div class='kotak-kecil'>
    Box 2
 </div>

CSS

 .kotak-kecil {
  float : left;
  width : 330px;
  height : 300px;
   padding: 20px;
   border: 10px solid transparent;
   box-shadow: none;

 }

AllJs.js

  $(document).ready(function(){
  $('.kotak-kecil').hover(function(){
    $('.kotak-kecil').velocity({
        boxShadow:'0px 4px 8px 1px #b9b4b4',
        borderBottom: '5px solid transparent',
         borderRight:'5px solid transparent'},350);
    });
  });