大佬教程收集整理的这篇文章主要介绍了angularjs – 在ng-hide,ng-Animate中向左滑动动画过渡，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<body ng-app="myApp1">
<div id='outerdiv' ng-controller="MyCtrl" >
<div ng-click="myValue=true" >LEFT</div>
<div ng-click="myValue=false">RIGHT</div>
<div id="one" class='animate-hide' ng-hide="myValue">
this is just a sample div
</div>
{{myvalue}}
</div>
</body>
CSS：
.animate-hide { -webkit-transition:all cubic-bezier(0.250,0.460,0.450,0.940) 2s; -moz-transition:all cubic-bezier(0.250,0.940) 2s; -o-transition:all cubic-bezier(0.250,0.940) 2s; transition:all cubic-bezier(0.250,0.940) 2s; line-height:20px; opacity:1; padding:10px; border:1px solid black; BACkground:white; } .animate-hide.ng-hide { line-height:0; opacity:0; padding:0 10px; }
角度模块
var app = angular.module("myApp1",["ngAnimate"]);
app.controller("MyCtrl",function ($scope) {
$scope.myValue=false;
});
并离开：-100％on .animate-hide.ng-hide
有一件事可以帮助你制作漂亮的动画
Animate.css
以上是大佬教程为你收集整理的angularjs – 在ng-hide,ng-Animate中向左滑动动画过渡全部内容，希望文章能够帮你解决angularjs – 在ng-hide,ng-Animate中向左滑动动画过渡所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。