I have this plunker thats set up ng animate and i want to make slide down
effect when row is open like jquery does with toggleScroll but for some
reason the animation dont work well and i dont get the desired effect.
@keyframes slideDown{
0% {
opacity: 0;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}
100% {
opacity: 1;
-webkit-transform:translateY(23px);
-moz-transform:translateY(23px);
-ms-transform:translateY(23px);
-o-transform:translateY(23px);
transform:translateY(23px);
}
}
.slide-down.ng-enter {
-webkit-animation:slideDown .5s ease-in;
-moz-animation:slideDown .5s ease-in;
-ms-animation:slideDown .5s ease-in;
-o-animation:slideDown .5s ease-in;
animation:slideDown .5s ease-in;
}
.table > tbody > tr > td {
padding:8px;
}
.table > tbody > tr > td[colspan] {
padding: 0;
border-top:none;
}
http://plnkr.co/edit/NQ5GSB6qJ6WN3jdKNdrh?p=preview
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
