問題タブ [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 に答える
130 参照

css - CSS3 トランジション ヘルプ

私はこれについて頭を悩ませることができないようですが、それはかなり単純だと確信しています..

基本的に、私のイニシャルである DJDM のようなテキストがあります。私がやろうとしているのは、文字の 1 つにカーソルを合わせると、CSS3 トランジションを使用してフルネームがその横に表示されるようにすることです。したがって、D にカーソルを合わせると、DanielJDM が表示されます。

トランジションで残りの文字をゆっくりと移動し、単語の残りの部分が完全に見えるようになるまで不透明度を上げたい.

これを行う方法があると確信していますが、今はわかりません..

助けていただければ幸いです!ありがとう。

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

css - 'transition-timingfunction'でのジャンプ構文エラーが少なくなります

すでに作成されたCSSファイルをLESSに変換しているだけで、lessスタイルシートにtransition-timing関数を追加できない理由を知りたいです。

コード

エラー

ここに画像の説明を入力してください

理由?

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

javascript - 単純なJavaScriptの問題

簡単な問題が1つあります。解決できないと思います。

これが完全なコードです

さて、私が助けを必要とし、それらがどのように行われるのか理解していないいくつかのことがあります。まず、両方のアニメーションが1回だけ発生するようにするにはどうすればよいですか?

次に、緑色のボックスが常に青色のボックスの上に表示されるのはどうしてですか?

次に、ボタンをクリックした後にボタンを非表示にするにはどうすればよいですか?。たとえば、[上に移動]をクリックすると、そのボタンが消える必要があります。

最後に、「左に移動」がトリガーされたときに、「左に移動」ボタンも「左に移動」と同じように消える必要がありますが、「左に移動」は「上に移動」がトリガーされたときに消えません。クリックしました(「上に移動」はちょうどそうなります)

これは簡単ですか、それは可能ですか?助けてください!

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

android - Corona sdkアプリはエミュレーターでうまく動作しますが、Droidにアップロードすると動作しません

私は約3か月間プラットフォームゲームに取り組んでいます。ゲームは正常に動作していましたが、アップロードするとDroidで正常に動作しました。最近、director.classと表示グループを使用し、director:changeScene()を使用してメニューからゲームに移動する作業を行いました。これはエミュレーターではエラーメッセージなしで正常に機能しますが、Droidにアップロードすると、メインメニューは正常に読み込まれますが、ボタンをタッチしてゲームのluaファイルを読み込むと、画面が真っ暗になり、何も起こりません。メモリの問題が発生した場合に備えて、いくつかのアプリをアンインストールしましたが、何も変わりませんでした。私が欠けているものの助けをいただければ幸いです。

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

apache-flex - AdobeFlexTransitionsの面白い動作-バグの可能性

flex4.5の明らかなバグを見つけたと思います。

関連するアプリケーションへのリンクはこちらです。ソースを表示可能!!

これらは遷移です:

ここでトランジションを少し使っていることがわかります。1つの遷移はでアクティブになりDropDownList indexChangeEvent、別の遷移はclickEvent拡大鏡のでトリガーされButtonます。

私が直面している問題は次のとおりです。

「拡大鏡」をButton 3回クリックすると(3回続けてクリックするのではなく、1回クリックして遷移を待ち、もう1回クリックして遷移を待ち、最後のクリック)、面白い動作が発生します。拡大鏡はButton消えます。トランジションで消えたことがないのに。そして、TextInput消えるはずだったものは消えませんでした。どういうわけか、その中にある状態で立ち往生しています。State3Datagrid

私を信じてください、私はこの書き込みとそれらのトランジションの書き直しに少なくとも4時間費やしました、私はWebであらゆる種類のことを試しましたが、役に立ちませんでした。

誰かが助けてくれることを願っています。Flexにバグがあることを受け入れなければならないのは嫌です。それが私が間違ったことであり、Flexがまだ信頼できることを知って安心しました。

どうもありがとう。

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

animation - 高さ: 100% と高さ: 200px の間で css3 トランジションをアニメーション化するべきではありませんか?

css3 トランジションは、div の高さの状態を補間します。

現在、以前の高さとは異なる単位で高さを設定すると、chrome13 は補間されません。

すなわち:

    高さを 100% に設定
    高さを 50% に設定します (別のレンダリング フレームで)
    高さは正しくアニメーション化されます (トランジションが適切に使用されている場合)
    高さを100pxに設定
    高さはアニメーション化されません

クロムのバグ?スペックバグ?

やる気のある人向けの jsfiddle の例: http://jsfiddle.net/zDywJ/21/

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

algorithm - 画像遷移アルゴリズム

画像にワイプイン、ワイプアウト、ズームイン、ズームアウト、分割などのさまざまなトランジションを適用したいと考えています。一般化された方法で画像にさまざまなトランジションを適用する方法を説明するアルゴリズムや本を誰か提案してもらえますか?

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

html - CSS トランジション Rotating img

クリックでトランジション回転 img を 90 度にする必要があり、ボタンをもう一度クリックすると img が回転して 0 度になります。これらをjQueryで提供しているWebサイトがありますが、cssのみで必要です。

0 投票する
3 に答える
259 参照

apache-flex - Adobe Flex Transitionsの面白い動作(2)

私が何をしても、トランジションは期待どおりに機能しません。問題を説明してから、コードを下部に配置します。

私のアプリケーションには4つの状態があります。

goButtonとにのみ存在"State1""State2"ます。

State1State2ほぼ同じですが、のyプロパティはgoButtonそれぞれで異なります。そこで、ボタンを前後に動かす小さなトランジションを作成しました。これまでのところ良い。

ただし、との両方 "State1""State2"に移行することもできます"State3"。しかし、にはないgoButtonので、とエフェクトを"State3"使用してそれを取り除きました。<s:Fade><s:RemoveAction>

から "State1"への移行は正常"State3"に機能しますが、からへの移行は機能しません"State2""State3"

からのトランジションを"State2"ちらつき/点滅ですぐに元の位置に戻そうとすると、実際にはトランジションのみが実行されます。"State3"goButton"State1""State3"

これは私のgoButton

<s:Button id="goButton" includeIn="State1,State2" x="319" y="212" width="33" height="33" click="goButton_clickHandler()" icon="@Embed('file:///C:/Users/Felipe/Downloads/1317358341_magnifier_medium.png')" toolTip="go" x.State2="319" y.State2="275"/>

これらは関連するトランジションです。

私の推測では、Flexは、トランジションを実行する前に、常にコンポーネントを元の位置に戻します(理由は聞かないでください)。私はこのアプリの別のバージョンを試しました。そこでは、自分のプロパティxyプロパティをgoButtonそれらが含まれているものに"State2"設定してから、設定x.State1 = something elsey.State1 = something elseて何が起こるかを推測しますか?正確な逆問題が発生します!から"State2"への移行は問題ありませんが、からへ"State3"の移行は機能しません。ちらつきが元の位置(現在はの位置)に戻り、その後に移行が行われるためです。"State1""State3"goButton"State2"

男これは私を夢中にさせています。 _ __ _ __ _ __ _ __ _ __ _ __ // _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ __ _ __ _ __ _ __ _ __ _ __ _ // _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _

編集

アプリへのリンクを追加しました>>>>ここ<<<<<<オプション「選択したタグ」を選択してから「goButton」をクリックすると、問題を確認できます。あなたは私が話していることを見るでしょう。ソースを表示できます!!!