/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

0 vote325 views1 answer
Angular object sort by key
Javascript AngularJS
0 vote325 views1 answer
Module not found error can't resolve 'rxjs/observable' angular 8
Javascript AngularJS
0 vote302 views1 answer
How to decode base64 in angular
Javascript AngularJS
0 vote321 views1 answer
Angular build deploy url
Javascript AngularJS
0 vote691 views1 answer
Resolvers in angular
Javascript AngularJS
3 votes313 views1 answer
Angular command to create interceptor
Javascript AngularJS
0 vote333 views1 answer
How to use edit and delete button in angular table in each row
Javascript AngularJS
0 vote331 views1 answer
Angular http async false
Javascript AngularJS
0 vote337 views1 answer
Angular 8 enable routing
Javascript AngularJS
1 vote333 views1 answer
Angular timestamp
Javascript AngularJS