問題タブ [transitions]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
22268 参照

javascript - CSS3 トランジションが存在しない場合に Modernizr と jQuery を使用してアニメーション化する

CSS3 がサポートされていない場合、Modernizr と jQuery の組み合わせを使用してトランジションに似たものを有効にする方法はありますか? 私が現在していることは、このようなものです...

CSSは

CSS3トランジションがサポートされていない場合、現在Modernizrを使用して、divをデフォルトでホバー状態にしています。CSS3 がサポートされていない場合、Modernizr を使用して jQuery アニメーションをトリガーする方法はありますか? jQuery を使用しない場合は、カスタム アニメーションも使用できますが、その方法もよくわかりません。

0 投票する
1 に答える
652 参照

flex4 - 個別にリストせずに、すべての要素を指定して Fade を使用して遷移できますか?

私は航空アプリの始まりを持っています.Fadeを使用して状態間を遷移しようとしています(理論的には、フェードアウトしてから次の状態にフェードインするシーケンス)。それをターゲットにする方法はありますか?すべての要素をフェードアウトするには、または targets="..." を使用してすべての要素をリストする必要がありますか?

グループ内のすべての要素をネストしようとしましたが、うまくいかないようです。

現在のコードの短縮版:

0 投票する
2 に答える
9853 参照

jquery - Web ページ遷移のスライド (jQuery)

このサイトには同様の質問がありますが、私の質問にはまったく答えていないようです...

私は、美容院の内部のように見える 5 つの静的ページの Web サイトを持っています。ユーザーがサロンを横切って(見回して)スライドしているように見える各ページ遷移が欲しいです。これは、コンテンツ (.content div) がスライドアウトしてから、次のページがスライドインする必要があることを意味します。可能であれば、ページと新しいページがスライドアウト/スライドインする方法を変更するために、リンクにさまざまなクラスを追加できるとよいでしょう。 (つまり、右から左または左から右)。ナビゲーション バー、ロゴ、フッターはすべてのページで同じ場所にあるため、スライドしないことに注意してください。

jQueryでフェード効果を得ることができました:

しかし、これは実際には非常に扱いにくいので、jQuery イージングと同様の方法でページをスライドできるようにしたいと考えています。SEO の理由から、1 ページの Web サイトは使いたくありません。ajaxが答えかどうかはわかりませんが、試したことがないので使用経験がありません。

ありがとう、

ジェイミー

0 投票する
2 に答える
33804 参照

html - マウス ホバー時のシンプルな HTML5/CSS3 背景画像の遷移

とのみを使用して可能な最も単純な背景遷移を理解しようとしています。stackoverflow を検索すると、次のような外部ライブラリを使用して簡単に実装できることがわかりましたが、このプロジェクトでは、それらのいずれにも依存しないことにしました。 HTML5CSS3jQuery

マークアップ

スタイル

0 投票する
1 に答える
241 参照

iphone - MultipleDetailViews - ビュー間の遷移をアニメーション化する

Apples MultipleDetailViews の例を使用して、detailViews を切り替えるときに、detailView 間の遷移をアニメーション化できた人はいますか?

MultipleDetailViews の例では、ボックスからビューを即座に切り替えるだけです。おそらくModalTransitionStyleの1つを使用して、これをアニメーション化する必要があります。

ありがとう

0 投票する
2 に答える
2125 参照

android - Android - スライドしてホーム画面に戻る

コードを使用して、Android で「ホームに戻る」タイプのボタンを作成しました。

ただし、Android がホーム アクティビティに移行すると、アクティビティが右から左にスライドし、ユーザーに新しいアクティビティが開始されたような印象を与えます。ユーザーは、「戻る」を押すと前のアクティビティが表示されることを期待しますが、明らかにそうではありません。

トランジションが実際に前のアクティビティを閉じているように見えるように、アンドロイドに後方に (つまり、左から右に) スライドするように指示するにはどうすればよいですか?

0 投票する
1 に答える
2102 参照

vb.net - タイマーを使用せずにVB.NETで遷移を形成する

私の趣味のプロジェクトのいくつかでは、タイマーコントロールを使用してフォームの遷移(フェードイン/アウト、スライド左/右)を実行してきましたが、それが正しい方法ではないことを知っています。ロジックが複雑で、遷移がスムーズでない場合、タイマーを使用するとCPUが占有されるため、タイマーを使用することには欠点があります。ですから、タイマーを使用せずに、ネイティブのWindows APIまたはサードパーティのライブラリを使用するだけで、フォームの遷移を実行するにはどうすればよいのでしょうか。FlowFXに出くわしましたが、.NETCompactフレームワークのみに制限されていることがわかりました。

ありがとう...

0 投票する
2 に答える
856 参照

ios - ios uitextfield とボタン遷移の表示/非表示

ユーザーがいくつかのアクション、uitextfields、およびボタンを実行すると、ビューに表示されたり消えたりするiPadアプリがあります[正常に動作]

問題は、トランジション、ボタンへの透明なアルファなど、それらが現れたり消えたりするときにアニメーション化する方法があるかどうかです。

どうもありがとう!

0 投票する
2 に答える
26174 参照

css - コンテンツに基づいて高さが動的に変化するdivのwebkit-transitionの高さ?

次の jsFiddle を参照してください

http://jsfiddle.net/SgyEW/10/

ボックスを拡大/縮小するさまざまな長さのコンテンツを表示するさまざまなボタンをクリックできます。

高さの変化をアニメーション化して、それほどびくびくしないようにしたいので、次を追加して試しました:

しかし、それはこのユースケースでは何の効果もありません。JavaScript を必要としないソリューションに関するアイデアはありますか?

ありがとう

0 投票する
1 に答える
78 参照

javascript - JavaScript トランジションでの奇妙な動作

http://spacedout.co.uk/spaced_out_architects_architecture_portfolio

スライダーは、スライド 20 から 21 以上の増分に達するまで正常に遷移しますが、明らかな理由もなく、すべてのスライドを再びスライドしているように見えます。ただし、それでも正しいスライドになります。

なぜこれを行うのか、誰にも分かりますか?

(wordpress) wp-coda-slider プラグインを使用していますが、20 枚のスライドの後でこれを行う理由がわかりません。さまざまな遷移と時間間隔を使用してみましたが、違いはありません。誰かが以前にこの問題を抱えていましたか、またはなぜこれを行っているのかを調べるためにどこを見ればよいか知っていますか?

どうもありがとう

ドム