/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 vote135 views1 answer
Angular error ng0303 ngForIn
Javascript AngularJS
12 votes133 views5 answers
Update angular 10
Javascript AngularJS
5 votes140 views1 answer
Angular input press enter
Javascript AngularJS
0 vote133 views1 answer
How to get latitude and longitude from address in angular 6
Javascript AngularJS
10 votes137 views2 answers
Angular http request query params
Javascript AngularJS
0 vote129 views1 answer
Autocomplete list angular 8 material
Javascript AngularJS
2 votes134 views6 answers
Tailwind in angular
Javascript AngularJS
1 vote129 views4 answers
Angular 12 features
Javascript AngularJS
0 vote123 views1 answer
Http request body angular
Javascript AngularJS
6 votes80 views1 answer
Angular 8 limit text length
Javascript AngularJS