angularJs动画重复入口

Question

我有这个简单的国家列表，我试图让他们在入口处制作动画，但我似乎无法找到阻止它工作的东西？

.slide.ng-enter {
    transition:0.5s linear all;
    transform:translateY(-100px);
}
.slide.ng-enter.ng-enter-active {
    transform:translateY(0);
}

css文件：

countryApp.animation('.slide', [
        function() {
            return {
                enter: function(element, doneFn) {
                    jQuery(element).slideIn(1000, doneFn);
                }
            }
        }]

animate.js文件：

"insert into OrderForm ([Customer Name], Address, [Telephone Number], [Post Code]) values('" + customerName.Text + "', '" + addrBox.Text + "', '" + telephoneNumber.Text + "', '" + postCode.Text + "')";

有人可能会为我澄清一下吗？感谢

Answer 1

你的css风格只适用于firefox。如果你想使用chrome -webkit前缀

.slide.ng-enter {
    transition:0.5s linear all;
    transform:translateY(-100px);
    -webkit-transition:0.5s linear all;
    -webkit-transform:translateY(-100px);
}
.slide.ng-enter.ng-enter-active {
    transform:translateY(0);
    -webkit-transform:translateY(0);
}