問題タブ [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.
css - CSS3 トランジション ヘルプ
私はこれについて頭を悩ませることができないようですが、それはかなり単純だと確信しています..
基本的に、私のイニシャルである DJDM のようなテキストがあります。私がやろうとしているのは、文字の 1 つにカーソルを合わせると、CSS3 トランジションを使用してフルネームがその横に表示されるようにすることです。したがって、D にカーソルを合わせると、DanielJDM が表示されます。
トランジションで残りの文字をゆっくりと移動し、単語の残りの部分が完全に見えるようになるまで不透明度を上げたい.
これを行う方法があると確信していますが、今はわかりません..
助けていただければ幸いです!ありがとう。
css - 'transition-timingfunction'でのジャンプ構文エラーが少なくなります
すでに作成されたCSSファイルをLESSに変換しているだけで、lessスタイルシートにtransition-timing関数を追加できない理由を知りたいです。
コード
エラー
理由?
javascript - 単純なJavaScriptの問題
簡単な問題が1つあります。解決できないと思います。
これが完全なコードです
さて、私が助けを必要とし、それらがどのように行われるのか理解していないいくつかのことがあります。まず、両方のアニメーションが1回だけ発生するようにするにはどうすればよいですか?
次に、緑色のボックスが常に青色のボックスの上に表示されるのはどうしてですか?
次に、ボタンをクリックした後にボタンを非表示にするにはどうすればよいですか?。たとえば、[上に移動]をクリックすると、そのボタンが消える必要があります。
最後に、「左に移動」がトリガーされたときに、「左に移動」ボタンも「左に移動」と同じように消える必要がありますが、「左に移動」は「上に移動」がトリガーされたときに消えません。クリックしました(「上に移動」はちょうどそうなります)
これは簡単ですか、それは可能ですか?助けてください!
android - Corona sdkアプリはエミュレーターでうまく動作しますが、Droidにアップロードすると動作しません
私は約3か月間プラットフォームゲームに取り組んでいます。ゲームは正常に動作していましたが、アップロードするとDroidで正常に動作しました。最近、director.classと表示グループを使用し、director:changeScene()を使用してメニューからゲームに移動する作業を行いました。これはエミュレーターではエラーメッセージなしで正常に機能しますが、Droidにアップロードすると、メインメニューは正常に読み込まれますが、ボタンをタッチしてゲームのluaファイルを読み込むと、画面が真っ暗になり、何も起こりません。メモリの問題が発生した場合に備えて、いくつかのアプリをアンインストールしましたが、何も変わりませんでした。私が欠けているものの助けをいただければ幸いです。
apache-flex - AdobeFlexTransitionsの面白い動作-バグの可能性
flex4.5の明らかなバグを見つけたと思います。
関連するアプリケーションへのリンクはこちらです。ソースを表示可能!!
これらは遷移です:
ここでトランジションを少し使っていることがわかります。1つの遷移はでアクティブになりDropDownList
indexChangeEvent
、別の遷移はclickEvent
拡大鏡のでトリガーされButton
ます。
私が直面している問題は次のとおりです。
「拡大鏡」をButton
3回クリックすると(3回続けてクリックするのではなく、1回クリックして遷移を待ち、もう1回クリックして遷移を待ち、最後のクリック)、面白い動作が発生します。拡大鏡はButton
消えます。トランジションで消えたことがないのに。そして、TextInput
消えるはずだったものは消えませんでした。どういうわけか、その中にある状態で立ち往生しています。State3
Datagrid
私を信じてください、私はこの書き込みとそれらのトランジションの書き直しに少なくとも4時間費やしました、私はWebであらゆる種類のことを試しましたが、役に立ちませんでした。
誰かが助けてくれることを願っています。Flexにバグがあることを受け入れなければならないのは嫌です。それが私が間違ったことであり、Flexがまだ信頼できることを知って安心しました。
どうもありがとう。
animation - 高さ: 100% と高さ: 200px の間で css3 トランジションをアニメーション化するべきではありませんか?
css3 トランジションは、div の高さの状態を補間します。
現在、以前の高さとは異なる単位で高さを設定すると、chrome13 は補間されません。
すなわち:
-
高さを 100% に設定
-
高さを 50% に設定します (別のレンダリング フレームで)
-
高さは正しくアニメーション化されます (トランジションが適切に使用されている場合)
-
高さを100pxに設定
-
高さはアニメーション化されません
クロムのバグ?スペックバグ?
やる気のある人向けの jsfiddle の例: http://jsfiddle.net/zDywJ/21/
algorithm - 画像遷移アルゴリズム
画像にワイプイン、ワイプアウト、ズームイン、ズームアウト、分割などのさまざまなトランジションを適用したいと考えています。一般化された方法で画像にさまざまなトランジションを適用する方法を説明するアルゴリズムや本を誰か提案してもらえますか?
html - CSS トランジション Rotating img
クリックでトランジション回転 img を 90 度にする必要があり、ボタンをもう一度クリックすると img が回転して 0 度になります。これらをjQueryで提供しているWebサイトがありますが、cssのみで必要です。
apache-flex - Adobe Flex Transitionsの面白い動作(2)
私が何をしても、トランジションは期待どおりに機能しません。問題を説明してから、コードを下部に配置します。
私のアプリケーションには4つの状態があります。
goButton
とにのみ存在"State1"
し"State2"
ます。
State1
とState2
ほぼ同じですが、の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は、トランジションを実行する前に、常にコンポーネントを元の位置に戻します(理由は聞かないでください)。私はこのアプリの別のバージョンを試しました。そこでは、自分のプロパティx
とy
プロパティをgoButton
それらが含まれているものに"State2"
設定してから、設定x.State1 = something else
しy.State1 = something else
て何が起こるかを推測しますか?正確な逆問題が発生します!から"State2"
への移行は問題ありませんが、からへ"State3"
の移行は機能しません。ちらつきが元の位置(現在はの位置)に戻り、その後に移行が行われるためです。"State1"
"State3"
goButton
"State2"
男これは私を夢中にさせています。 _ __ _ __ _ __ _ __ _ __ _ __ // _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ __ _ __ _ __ _ __ _ __ _ __ _ // _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _ __ _
編集
アプリへのリンクを追加しました>>>>ここ<<<<<<オプション「選択したタグ」を選択してから「goButton」をクリックすると、問題を確認できます。あなたは私が話していることを見るでしょう。ソースを表示できます!!!