angular-animations

1熱

0答えて

上のコンテナ要素うち最低限とでスライドとスライドにAngular4のネイティブな方法は何ですか？ <div ngIf="show">  </div> コンテンツでスライドに（上からちょうどjQueryのようなダウンへ。slideDown（））ショーが真になります。（適当に容易アウトの効果を持つ）スライドアウトコンテンツがを示し偽になります。

0熱

1答えて

はAngular4アプリケーション

とAOSライブラリを統合し、私は角4.4.6アプリケーションに取り組んでいると私は素晴らしいプラグインにAOS 私のコード使用してスクロールにいくつかのアニメーションを実装する： app.component.ts を import * as AOS from 'aos'; @Component({ selector: 'app-root', templateUrl: './app.comp

0熱

1答えて

角4滑らかなアニメーション

私はいくつかのアニメーションを使用して、統計やグラフなどのような別のカードで角4で一種のホームページをしようとしています。グラフカードの場合、私はdivをトグルしてアイコンを大きくして（フルスクリーンのように）アイコンボタンを作った。アニメーションコードは、現在、このように動作します： state('small', style({position: 'relative', width: '50%

1熱

1答えて

アニメーションをHTML要素に動的に適用する

私の目的は、特定のアニメーションをhtml divに適用することです。このアニメーションの名前に関する情報は、角度コンポーネントの入力変数に含まれる値に基づいています。 @Component({ selector: 'test', templateUrl: './test.component.html', styleUrls: ['./test.component.c

0熱

1答えて

角度4アニメーションがエッジ

で働いていない私は、私はプロジェクト全体で使用するアニメーションを作成したが、それはエッジブラウザで動作していません。これは私が使用しているコードで、誰もが、私はそれを修正するために何ができるか知っていますか？ import {animate, state, style, transition, trigger} from '@angular/core'; export const anima

3熱

1答えて

角度：擬似要素のアニメーション：before、：after

私は擬似要素をアニメーション化する方法を探しています：before、after after Angular animations。私はqueryで実行しようとしました： trigger('myanimation', [ query('.myclass:after', style({ top: 10px })) ]) が、残念ながら、それは動作しませんでした。ここにコードがありま

2熱

1答えて

サイドバーの角度2+、アニメーション、CSS制御の変換

サイドバーがあり、メニューアイコンがあります。アイコンを押すと、サイドバーが見えなくなり、メインコンテンツの幅が変更されます。しかし、ブラウザのウィンドウの幅が500pxを下回ると自動的に外に出て、500pxを超えると自動的に再び飛び出して、サイドバーを開いたり閉じることができるようにしたり、私はこれをします？少しスタイリングで <div class="sidenav" [@slideInOut]

1熱

1答えて

終了する前にアニメーションを停止する方法は？

Angularでアニメーションを開始した場合、終了する前にどのように停止できますか？たとえば、ユーザーが何かをクリックしたときにアニメーションがある場合など、アニメーションを停止する必要があります。そして、アニメーションが終了する前に再度クリックすると、そのアニメーションを停止して再起動します。例えば、角度のドキュメントがthis animationを持っている：だから animations:

4熱

1答えて

角合成特性とは何ですか？

最近、アニメーションコンポーネントを開発しているうちに、私はsynthetic propertyという言葉に出会った。 <bmx-panel [@sidebarState]="state"> <i bmxPanelHeader (click)="toggle($event)" class="fa fa-angle-double-right fa-lg"></i> .

0熱

1答えて

Angular5：divのコンテンツを交換し、コンテナの高さの変化をアニメートし、コンテンツからフェードアウトするアニメーション。（ "ほとんど良い" Plunkerが含まれています）

私は、コンテナのコンテンツを交換し、新しいコンテンツに合わせて高さをアニメーション化するために、Angular 5でアニメーションを実装しようとしています。現在のコンテンツをフェードアウトさせる（不透明度1 - > 0） 2.新しいコンテンツに合わせてコンテナの高さをアニメーション化する 3.新しいコンテンツをフェードインする（不透明度1 - > 0）私はいくつかの実装を行いましたが、ですが、ア