web-animations

1熱

1答えて

2つのdivにアニメーションを適用して、ボイド状態の内外をアニメーション化しました。参照：https://plnkr.co/edit/uCdBafYG7NZxVVppiTpo?p=preview HTML： <div *ngIf="shown" [@flipEnterExitAnimation]="state"> <div style="border: 1px solid black

0熱

1答えて

paper-menu-buttonを動作させるにはどうすればいいですか？

次のデモをローカルで提供しているときに、アニメーションを実行できないという不満を受けています。 Although it does work in my jsBin。次のインポートで必要とされるがインストールweb-animations-js/ディレクトリを持っているかどうかを確認するために http://jsbin.com/kadugokade/edit?html,console,output <

0熱

1答えて

ウェブアニメーションでトランスフォームのプロパティを個別にアニメーション化するapi

1つのアニメーションでトランスフォームプロパティの異なる部分を個別にアニメーション化できますか？例えば： const lineAnimation = [ { transform: 'scaleX(0)', offset: 0 }, { transform: 'translateX(0%)', offset: 0 }, { transform: 'translate

1熱

4答えて

CSS3アニメーションAPIまたはWebアニメーションAPIの変更を検出するにはどうすればよいですか？

css3アニメーションやWebアニメーション（Element.animate）の変更を検出するにはどうすればよいですか？（私の悪い英語のため申し訳ありません！これはstackoverflowの中に私の最初の質問です）私がMutationObserverについて知っている、それは（私はそれを使用してインラインスタイルを変更するので）私はrequestAnimationFrameのを使用している場

1熱

1答えて

ウェブアニメーションAPI：オンデマンドでアニメーションをリセットする

KeyframeEffectをGroupEffectとSequenceEffectにグループ化した複合アニメーションがあります。非常に単純化されたバージョンでは、このJSBinのように見えます。https://jsbin.com/denucaq/edit?html,js,output 問題は、ある時点でアニメーションによって行われたすべての変更をリセットして、アニメーションを再実行したり、。さ

1熱

2答えて

ウェブアニメーションapiによって設定されたスタイルをオーバーライドします

ウェブアニメーションapiを使用して特定の高さにdivをアニメーションします。ポストアニメーションの高さを保持するために、「forwards」という塗りつぶしモードを使用しています。しかし、後で私は手動でCSSを使って高さを 'auto'に戻したいと思いますが、fillモードをforwardに設定することで、アニメーションが終了した後でCSSのheightプロパティに影響を及ぼすことができなくなっ

1熱

1答えて

JavaScriptを使用してアニメーションをスケーリングする際の不安定なテキスト

スケーリングを使用してテキストを含むHTML要素のサイズを変更すると、JavaScriptライブラリでアニメーション化されている場合のみ、ジッタは、アニメーションが遅く、テキストが小さい場合に最もよく見えます。私はそれを引き起こす原因やそれを取り除く方法を理解できないようです。このジッタは、CSSアニメーションや新しいJavaScript WebアニメーションAPIを使用したアニメーションでは

0熱

1答えて

Hippo Animatorのボタンにonclick機能を追加するには

Hippo Animatorに慣れているのでしょうか。このソフトウェアは簡単にWebアニメーションを作成でき、基本的にHTMLボタンなどを追加できます。今現在はボタンを追加しています。そのプロパティにはOn Click機能を追加する必要があります。そのため、ユーザーがクリックするたびに別のサイトの場所にリダイレクトする必要があります。私は、このいずれかのように、いくつかの方法試してみました： lo

0熱

1答えて

Angular 2で無限アニメーションを実行するにはどうすればよいですか？

基本的に、要素上で無限のアニメーションを実行するために、web-animations-api polyfillを角度（現在は4）で使用したいと考えています。はのは、基本的な非角度の例を見てみましょう： var ball = document.getElementById('ball'); ball.animate([ { transform: 'scale(0.5)'

0熱

1答えて

アイコンを別のポイントに移動するにはどうすればいいですか？

This websiteには、セレンゲッティのワイルドビートの移行パターンを示す優れたアニメーションマップがあります。残念ながら、彼らはFlashを使って地図をアニメーション化しました。おそらくJavascriptを使って同様のことをするための選択肢があるかどうかを知りたかったのです。私はTwo.jsと呼ばれるプラグインを見つけましたが、ドキュメンテーションはすばらしくなく、私が必要とするものは