問題タブ [transitions]

奇妙な問題が発生したときに、オーバーレイ div をフェードインするために CSS3 トランジションをいじっていました。

基本的に、id にスタイルが設定された div 要素があります。つまり、背景色: #000、不透明度: 0 などです。ブラウザ固有のトランジション スタイルも同様です。デフォルトでは、オーバーレイ要素には「hiddenElement」クラスがあり、表示が none に設定されています。

オーバーレイが表示される場合、hiddenElement クラスが削除され、別のクラスが「初期化」されて追加されます。このクラスは要素の不透明度を 0.6 に設定します。

私が期待していたのは、要素がスムーズにアニメーション化されることでした。これは Opera で発生しますが、firefox と chrome ではまったく同じようには機能しません。

ここで孤立したケースを作成しました: http://jsbin.com/obojet/27/。

「addClass('Initialized')」が setTimeout() でラップされている場合にわかるように、クロムで 0 ミリ秒のタイムアウトを使用しても、正しくアニメーション化されます。タイムアウト外で addClass を実行するだけでは、アニメーションは実行されません。Firefox では、タイムアウトを長くする必要があります (50 ミリ秒)。オペラではそれがうまくいきます。

おそらく単一スレッドをめぐって UI/Javascript が競合していることが原因ですが、他の誰かが同様の問題を経験したことがあるかどうかに興味がありました.

みんなおはよう。

今日、私は次のコードに苦労しています: jsFiddle のソース

私が達成しようとしてきたのは、いくつかのcss3効果を使用して、画像の「ミラー」が元の画像を覆う一見単純な画像ロールオーバー効果です。

• Chrome 12 は画像を完全に変換します
• Firefox 5 は、画像がマウス カーソルにぶつかると変換を停止します
• IE9 - 変換はまったくありません。画像が揺れているだけです
• オペラ - チェックなし

このクロスブラウザー対応を行うにはどうすればよいですか?

アプリにトランジションを追加しようとしています。デフォルトのトランジションのプレビューを見ることができる場所はありますか

イメージスイッチャー

AdapterViewFlipper

スタックビュー

テキストスイッチャー

ビューアニメーター

ビューフリッパー

ビュースイッチャー

前もって感謝します

Transitions gem を使用して、次のように設定したモデルでステート マシンを作成しています。

モデルにクエリを実行して、特定の状態を持つすべてのレコードを取得したいと考えています。

しかし、それはうまくいかないようで、これに関するドキュメントを見つけるのに苦労しています。誰もこれを行う方法を知っていますか? （見つからない可能性もあると思います）よろしくお願いします！

編集

tail -n development.log を実行すると、次のようになります。

grep 'current_state db/schema.rb' を実行しても結果は返されません。current_state という実際の列がないため、レコードの状態はステート マシンによって管理されると予想されます (状態がどこに格納されているかは正確にはわかりません)。

cocos2d で relpaceScene または pushScene を呼び出すと、次のようにトランジションを追加できます。

[[CCDirector sharedDirector] replaceScene:[CCTransitionFade transitionWithDuration:1 シーン:シーン]];

しかし、popScene を呼び出すと、パラメーターがなく、トランジションを追加できません。そうですか？必要なトランジションで popScene を作成するにはどうすればよいですか?

オブジェクトをあるスキン/画像/などから別のスキンにモーフィングした経験がある人はいますか?

私がやりたいのは、アイコンを別の画像にモーフィングして、ドラッグ状態にすることです。Mac ダッシュボードにウィジェットを追加すると、アイコンがウィジェットに変化するのと同じように。

Flex 4.5 SDK や Actionscript 用の外部ライブラリを使用するなど、これを機能させる方法はどれも役に立ちます。

新しいCSS翻訳を設定するとき、移動したいピクセルに必要であることを私は知っています50px,60px. これは、これらのピクセルに対する相対的な動きです: http://jsfiddle.net/8CECx/ div は互いに隣り合ったままです

絶対に動く方法はありますか？たとえば、「30px 50px に移動」と言って、2 つの要素を重ねることができますか?

情報をありがとう ：）

.Net3.5でExpressionBlend4を使用しています

下の画像には、トランジション効果のオプションと、トランジションのイージング効果を選択する機能があります。

私のBlendインターフェイスには、WPFアプリケーションに次のものがありません。

ただし、新しいアプリケーション（WPF Sketchflowアプリなど）を作成すると、これらのオプションは最初の写真と同じように表示されます。

これらのオプションが表示されるかどうかは何によって決まりますか。また、WPFアプリケーションにそれらを組み込むにはどうすればよいですか。

ホバー時に不透明度が変化する HTML 要素があります (CSS3 トランジションを使用)。問題は、Firefox (少なくとも Windows 上) では、要素 (<div>) 内のテキスト (<p>) が不透明度の変更中に知覚的に暗くなり、その後、分数であるべき方法に「ポップバック」することです。トランジションが終了してから 1 秒後。このように（ビデオ）：

http://screencast.com/t/zzWc9EF8wq4c

この問題は Chrome では発生しません。

これを引き起こしている可能性のあるアイデアはありますか？回避策はありますか？