无法使用滑块与AngularJS一起使用

时间:2015-10-21 19:47:23

标签: angularjs css3 ng-animate ng-switch

我按照我喜欢的方式获得了这个滑块脚本,但它既没有HTML也没有AngularJS脚本。我无法弄清楚如何实现这一目标!他们只提供了css :(

这是CSS代码:

.animate-enter, 
.animate-leave
{ 
    -webkit-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
} 
.animate-enter {
    top: 100%;
}
.animate-enter.animate-enter-active {
    top: 0;
}
.animate-leave {
    top: 0;
}
.animate-leave.animate-leave-active{
    top: -100%;
}

链接:http://www.nganimate.org/angularjs/ng-switch/slider-css3-transition-animation

任何人都可以帮助提供HTML和AngularJS吗?感谢。

0 个答案:

没有答案