2
我有一个只能运行一次的动画。我想点击按钮重复动画。我不知道我做错了什么。非常感谢你。使用ng-class单击按钮再次生成动画。 Angular.js
<div ng-controller="MyCtrl">
<div class='contendor_portafolio' class='next'>
<video id='video' width="320" height="240" ng-class='transicion' controls>
<source src="video.mp4" type="video/mp4" />
</video>
</div>
<button ng-click="fn_transicion()">again</button>
var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
$scope.fn_transicion= function(sentido){
$scope.transicion="next";
}
}
#video{
width: 98%;
height: 100%;
transition: all linear 0.5s;
background:blue;
-webkit-animation: next 1s 1; /* Safari 4+ */
}
@-webkit-keyframes next {
25% {
-webkit-transform: translateX(1700px);
}
50% {
opacity: 0;
-webkit-transform: translateY(-2000px);
display: none;
}
60% {
-webkit-transform: translateX(-1700px);
}
100%{
}
}
我需要使用纳克级。
或多或少是我想要的,但我需要的,如果或者使用时,NG-类。这是我在我的真实项目中遇到的一个小问题。 – yavg
解决方案不适合你吗? –
不是我所希望的。我需要使用ng-class来做到这一点。 – yavg