web-animations

1熱

1答えて

ゲートアニメーションとズームページの切り替えについて教えてもらえますか？this Unicef web、このクールなアニメーションを作りたいです。少なくともそれを見つける方法を "キーワード"を教えてください。 html5で作られたものですか？

0熱

1答えて

ポリマーの「アニメート」機能がChromeで動作しなくなった

紙ダイアログではアニメーションの入力/終了が使用されますが、Chromeではこの機能が廃止されました。回避策はありますか？ web-animations-jsを更新する必要がありますか？キャッチされない例外TypeError：「要素」on「にアニメーション」を実行に失敗しました：「関数（A）{リターンを私はクリックしてください後 <paper-dialog id="help" entry-an

1熱

1答えて

バックグラウンドイメージとして使用するとSVG内のWebアニメーションが壊れます

オンラインサービスを使用してSVGベースのローディングインジケータを生成しましたが、そのページを読み込むたびにSMILアニメーションを知らせる警告が表示されます推奨されなくなりました。これはかなり不快です。それを取り除こうとして、私は<animate>タグをWebアニメーションに置き換えることにしました。以下は、オリジナルのSVGです： <svg width='200px' height='200

0熱

1答えて

子コンポーネントのAngular2アニメーションイベントエミッタの削除

私はイベントエミッタで削除された子コンポーネントを持っていますが、その上にアニメーションを追加したいです。 @Component({ selector: 'content-attendee', styleUrls: ['content-attendee.component.scss'], template: ` <div class="px1 item">

4熱

1答えて

ポリマーの湾曲したモーションパス

マテリアルデザインガイドラインに従っていくつかのアニメーションを作成していたので、私は湾曲したモーションパスを作りながら立ち往生しました。まず、私は可能な限り多くのプロジェクトを構築するためにPolymerを使用しています。 this videoのようなアニメーションを実装したいと思います。アニメーションは要素のグリッド上で実行する必要があります。要素のグリッドは、クリックすると画面を埋めるよう

0熱

1答えて

WebアニメーションAPI - 遅延/終了遅延付きイメージチェンジャーのタイミングアニメーション

WAAPIを使用してイメージチェンジャーを作成しようとしています。は遅延が増加するとendDelayが減少することになっているloop of picturesありますが、それは反復では動作しません：ちょうど不規則に点滅しているようだ var changer = document.querySelector('#gallery'), children = changer.querySe

1熱

1答えて

Angular4 | Route Transitions - FadeIn/FadeOut

Angular 4.0.1のすべてのルートトランジションでフェードイン/フェードアウトを実行しようとしています。私は無数の「スライドイン/スライドアウト」チュートリアルを見てきましたが、それらは私のために働いていません。これは私のapp.component コンポーネントである：上記のコードは動作しません <notification></notification> <div class="pa

3熱

3答えて

マウスオーバーとマウスアウトを使用するときのぎこちないアニメーションの回避

targetでマウスを動かすと、アニメーションは左から右に移動し、ユーザーがtargetからマウスを動かすように単純なアニメーションを作成するためにWeb Animation APIを使用していますアニメーションは逆になり、targetは右から左に移動する必要があります。現在のところ、ユーザーがアニメーション中にマウスを出し入れすると、アニメーションがぎくしゃくしていて、滑らかな効果がありません

0熱

1答えて

Webアニメーションを使用した追加アニメーションのシミュレーションgetComputedStyle（要素）.transformのAPI問題

WebアニメーションAPIを使用して追加アニメーションをシミュレートする必要があります。 documentationに記載されているように、追加アニメーションはまだサポートされておらず、getComputedStyle(element)の使用が推奨されています。 getComputedStyle(element).transformによって返されたmatrix3dには、おそらくパースペクティブな情

0熱

1答えて

ウェブアニメーションAPIキュー

私はアニメーションを持っています.1つの部分が終了すると、もう一方が開始され、非常に長いキューになることがあります。私はここにコードを置く： https://jsfiddle.net/homa/qub7ejd1/ をあなたはキューを持って見ることができるように、私はこのコードを持っている： newMessage('HA HA HA HA ....').onfinish = function()