角2のアニメーション（別のアニメーションライブラリ、たとえばGreenSock Application Platformを使用）

Question

私はアンギュラ2で遊んでいて、独自のAPIを使ってアニメーションを行っています。

GSAPのようなライブラリを使ってアニメーションを構築できますが、APIで状態を制御できるようになりましたか？例えば

animations: [ 
 
    trigger('heroState', [ 
 
     state('inactive', style({ 
 
     backgroundColor: '#eee', 
 
     transform: 'scale(1)' 
 
     })), 
 
     state('active', style({ 
 
     backgroundColor: '#cfd8dc', 
 
     transform: 'scale(1.1)' 
 
     })), 
 
     transition('inactive => active', animate('100ms ease-in')), 
 
     transition('active => inactive', animate('100ms ease-out')) 
 
    ]) 
 
    ]

は、我々は事のこのタイプは、現在では2角度で現在可能である場合、私は疑問に思う。この？：

animations: [ 
 
    trigger('heroState', [ 
 
     state('inactive' 
 
     })), 
 
     state('active' 
 
     })), 
 
     transition('inactive => active', TweenMax.to(this,1,{scale:2, backgroundColor: '#cfd8dc'})), 
 
     transition('active => inactive', TweenMax.to(this,1,{scale:1,backgroundColor: 'pink'}) 
 
    ]) 
 
    ]

のような何かを行うことができます？

Answer 1

構文はWeb Animations APIの一部であり、そのような実装は機能しないため、単純な答えはいいえです。 Web Animations APIは、ブラウザのアニメーションエンジンを開発者に開き、JavaScriptで操作します。このAPIは、CSSアニメーションとCSSトランジションの両方の実装の基礎となるように設計されており、今後のアニメーションエフェクトに役立ちます。