适当的Velocity.js语法？

Question

我试图将某些CSS动画转换为Velocity动画，因为在某些浏览器中有些迟钝。但是，我似乎无法正确使用语法。这是css：

.container .first-section .first-section-buttons,
.container .second-section .second-section-buttons {
    opacity: 0;
    -webkit-transform: translateY(400px);
    transform: translateY(400px);
}

container .first-section.isShown .first-section-buttons,
.container .second-section.isShow .second-section-buttons  {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform .7s cubic-bezier(.165, .84, .44, 1), opacity .7s cubic-bezier(.165, .84, .44, 1);
    transition: transform .7s cubic-bezier(.165, .84, .44, 1), opacity .7s cubic-bezier(.165, .84, .44, 1);
}

如何在Velocity.js中正确地重新创建此动画？