/Javascript/AngularJS/Slide div on click angular

Slide div on click angular

import { trigger, transition, animate, style } from '@angular/animations'

@Component({
  ...
  animations: [
    trigger('slideInOut', [
      transition(':enter', [
        style({transform: 'translateY(-100%)'}),
        animate('200ms ease-in', style({transform: 'translateY(0%)'}))
      ]),
      transition(':leave', [
        animate('200ms ease-in', style({transform: 'translateY(-100%)'}))
      ])
    ])
  ]
})

Source: stackoverflow.com

Slide div on click angular

<div *ngIf="visible" [@slideInOut]>This element will slide up and down when the value of 'visible' changes from true to false and vice versa.</div>

Source: stackoverflow.com

Similar codes

1 vote200 views1 answer
Angular remove item from localstorage
Javascript AngularJS
0 vote221 views2 answers
Aos animation angular
Javascript AngularJS
0 vote228 views2 answers
Angularjs fractionSize with dot
Javascript AngularJS
0 vote212 views1 answer
Aos library slow animation angular
Javascript AngularJS
0 vote215 views1 answer
Is an Angular component, then verify that it is part of this module.
Javascript AngularJS
4 votes209 views3 answers
Pass data from parent to child component angular 8
Javascript AngularJS
2 votes217 views2 answers
Get month angular with 0
Javascript AngularJS
0 vote209 views1 answer
How to slice one specific element from array in angular
Javascript AngularJS
1 vote214 views1 answer
Angular button open file input
Javascript AngularJS
3 votes201 views1 answer
Angular filter ngfor
Javascript AngularJS