に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

JavaScript - このストロークのアニメーション効果はどのようにして実現されるのでしょうか?

このストロークのような効果は、マウスをその上に置くと表示されますが、純粋な CSS で実現できますか?同じ効果を達成するにはどうすればよいでしょうか?

学习ing 2017-06-24 09:44:08

教師のコードに従うと null が出力されるのはなぜですか?

教師のコードに従うと null が出力されるのはなぜですか?

　顾与相识 2018-07-17 22:25:14

ボタンがクリックされたときにこのアニメーションクラスをモーダルに追加するにはどうすればよいですか?

モーダルの「×」ボタンをクリックしたときにアニメーションが発生するようにしたいのですが、現在起こっていることは、モーダルがクリックされずにモーダルが閉じてから、再度モーダルを開くと、何もクリックせずにアニメーションが発生するという状況が発生することです。これは私の現在のアニメーションクラスコードです: .scale-out-center{-webkit-animation:scale-out-center0.3scubic-bezier(0.550,0.085,0.680,0.530)both;animation:scale-ou

P粉064448449 2024-03-30 22:05:19

グリッドレイアウトの展開をアニメーション化するにはどうすればよいですか?

グリッドレイアウトの展開をアニメーション化する方法を知りたいです。コードからわかるように、4 つの div があります。そのうちの 2 つは表示され、残りの 2 つはチェックボックスが選択されている場合にのみ表示されます。チェックボックスをオンにすると、div3 と div4 を含む別の行が追加されます。拡張機能をアニメーション化するにはどうすればよいですか?グリッドのサイズを小さくしておくことをお勧めします。アニメーションが（存在しない）マージンに影響を与えたくないのです。これもJavaScriptを使わずにやりたいと思っています。出来ますか？ <!DOCTYPEhtml>&l...

P粉937382230 2023-08-31 21:09:37

jqueryの幅の切り替えアニメーションを途中で停止して再び閉じるようにするにはどうすればよいですか?

この質問はわかりにくいかもしれませんが、例を挙げてみましょう。幅を切り替えるボタンをクリックすると、ボタンを押した後も div がアニメーションし続けます。これは驚くべきものではありません。私が望むのは、div が途中で停止して別の方向に進み、ボタンがもう一度押されたときに既存のアニメーションを完了しないことです。 $(document).ready(function(){$('.menuToggle').click(function(){$(".menuContainer").anim

P粉238355860 2024-03-19 23:49:40

ホバー時にアニメーションを一時停止し、マウスが離れるとアニメーションを継続する方法

私はいくつかの解決策にうんざりしましたが、これが私が得た最も近い解決策です。しかし、この結果にはまだ満足していません。マウスが要素から離れると、要素は元の回転に戻ってしまうからです。要素の上に移動すると、マウスが要素から離れた場合でもアニメーションがトリガーされるという考えです。要素の上にマウスを移動すると、アニメーションが再生されて 0 度に留まり、マウスが離れると別のアニメーションが再生され、回転して -8 度に戻ります。 consstelements=document.getElementsByClassName('rota

P粉786800174 2024-04-01 09:43:54

iterm2 でファイルを開くには vim コマンドを使用します。 vim でマウスの位置をサポートするにはどうすればよいですか?

文字をクリックするだけで、カーソルがその文字の位置に移動します。初めて vim を使い始めたとき、macvim がデフォルトでマウスの位置決めをサポートしていることを知りました。しかし、iterm2ではうまくいきません。どこかに設定がないのでしょうか？

我想大声告诉你 2017-05-16 16:42:45

javascript - Canvas ページ上でマウスをクリックしたとき、その点の位置がその中に描かれた線の上にあるかどうかを判断するにはどうすればよいですか?描かれた線で何かがイベントをトリガーしますか?

以下は、下線付きのコードの 3 つのセクションです。編集モードに入ると、マウスの左ボタンをクリックすると、vcanvas 内の左ボタンの対応する位置が記録されます。クリックした点が描画した線分上にあるかどうかを確認するにはどうすればよいですか? //これは下線付きのキーコードです {code...}

世界只因有你 2017-06-13 09:24:19

マウスが要素上で停止したかどうかを確認するにはどうすればよいでしょうか?

JavaScriptまたはCSSを使用して要素の上にマウスを置くのを止める方法を知りたいです。マウスを要素の上に置くと背景の色が変わるアニメーションを作成しています。また、要素の上にマウスを置くのをやめたときにアニメーションを追加したいと考えています。これどうやってするの？

P粉547420474 2024-03-31 13:28:28

javascript - なぜ企業はバックエンドとしてノードを使用することが少ないのですか? Java、php、Python の従来のバックエンドと比較して、ノードにはどのような利点があり、何に適していますか?

企業がバックエンドとしてノードを使用することがほとんどないのはなぜですか? 従来の Java、php、Python のバックエンドと比較して、ノードにはどのような利点があり、何に適しているのでしょうか?

三叔 2017-06-28 09:23:09

Browsersync をインストールするときにチュートリアルに従いましたが、vue のバージョンを確認すると、コマンドウィンドウに vur がコマンドではないというメッセージが表示されました。

たとえば、「vue」は内部コマンドでも外部コマンドでもありませんし、操作可能なプログラムやバッチファイルでもありません。Browsersync をインストールするときは、チュートリアルに従いました。しかし、vue のバージョンを確認すると、コマンドウィンドウに vur がバージョンではないというメッセージが表示されます。コマンド。Browsersync をインストールするときは、チュートリアルに従いました。しかし、vue のバージョンを確認するときに、コマンドウィンドウに vur がコマンドではないというプロンプトが表示されます。Browsersync をインストールするときはチュートリ...

布拉德皮特·老王 2019-06-05 09:34:24

useframe により three.webglrenderer: コンテキストが失われる

useFrame を使用して React3FiberdreiBox コンポーネントのサイズをアニメーション化しようとしています。 useFrame 関数を追加するまではジオメトリは正常に動作していましたが、この関数を追加するとブラウザが THREE.WebGLRenderr:ContextLost エラーをスローし、再レンダリングが妨げられました。 importReact,{useRef}from'react';import{Box}from'@react-three/drei';import{useF

P粉025632437 2024-03-19 22:29:33

ゲーム開発 - MVC でアニメーション (モデル) を理解するには?

MVC では、データはモデルに保存され、ビューはモデルのデータに従ってレンダリングされます。しかし、アニメーションの場合、グラデーション処理中にいくつかの状態が生成され、これらの状態は属しません。このために、MVC モデルはどのようにニーズを解決しますか?

巴扎黑 2017-05-16 17:06:27

編集されたタイトル: 3D サーフェス上で 2D 画像をレンダリングする際の困難

YouTube のコードチュートリアルに取り組んでいますが、13 個の正二十面体ジオメトリ球が画面に正常にレンダリングされるという問題が発生しています。ただし、ビデオではボールに表示する 2D 画像が見えなくなります。コンソールにはエラーはありません。このプロジェクトは Three.js と tailwindcss です。タイプスクリプトはありません。注: これは私の最初の thrre.js プロジェクトであり、独学のルートに従ってソフトウェア開発を行うのはまだ初心者です。ご理解とご協力をお願いいたします。どうもありがとうございます。主な質問は、ボールの側面に正しくレンダリングするために「テ...

P粉891237912 2024-01-10 17:59:41

Vue トランジションのトランジション遅延を削除するにはどうすればよいですか?

Vue を使用して、マウスを画像の上に置くとテキストボックスが上に移動してフェードインするようにアニメーション化しています。アニメーションは正しいですが、開始するまでにわずかな遅延があります。画像をホバーするとテキストボックスがスムーズにフェードインし、上に移動し始めるようにしたいと考えています。テキストボックスは適切にフェードアウトし、カーソルが離れると下に移動します。テンプレート:`{{バッジ[アイテム].説明}}`、メソッド:{hoverStart(i){this.hoveredIndex=i;}、

P粉757432491 2023-08-17 17:36:49

javascript - JSイベントのバブリングの問題

一件落着: この効果を実現するには CSS を使用します。ご協力いただきありがとうございます。この効果を実現するために CSS の使用に切り替えました。 1. 次のコードでは、a タグのマウスオーバーイベントとマウスアウトイベントをリッスンしてキャンバスアニメーションをトリガーし、マウスオーバーとマウスアウトのコールバックでイベントがバブリングしないようにしましたが、マウスが移動すると...

学习ing 2017-06-12 09:32:56

トランジションでブラウザのサイズに合わせてテキストを拡大縮小する

ボタンの上にマウスを置いたときにブラウザの 100% にサイズ変更したいテキストがあります。このテキストをブラウザ/コンテナに適合させるにはどうすればよいですか? fontsize を使用すると font-size:100vw のようなことができることは知っていますが、font-size のアニメーションは非常に不安定なので、この方法は使用できません。 http://jsfiddle.net/0n15mfyL/ ジッターが気になる人のために、フォントを縮小すると顕著になります: http://jsfiddle.net/rbk48

P粉459578805 2023-09-08 11:11:22

条件付きでclassNameをcssモジュールに変更（React）

ユーザーが Web サイトのナビゲーションバーの上にマウスを置いたときにアニメーションを再生しようとしています。マウスがナビゲーションバー上にあるかどうかに基づいて CSS モジュールを変更することでこれを実現しようとしています。このコードが機能しない理由を理解しようとしています。ご協力をよろしくお願いいたします。 Navbar.jsx: importReact,{useState}from"react";import{Link}from"react-router-dom";importstyles

P粉799885311 2023-08-17 18:10:17

CSS アニメーションを終了時に最終状態に保つ

CSS で opacity:0; に設定されているいくつかの要素でアニメーションを実行しています。キーフレームを使用してアニメーションクラスが onClick イベントに適用され、不透明度が 0 から 1 に変更されます (その他の変更もいくつかあります)。残念ながら、アニメーションが終了すると、要素は不透明度: 0 の状態に戻ります (Firefox と Chrome の両方)。私の直感では、アニメーション化された要素は最終状態に残り、元のプロパティがオーバーライドされると考えています。これは本当ではないでしょうか？そうでない場合、要素を最終状態に保つにはどうすればよいでしょうか?コード ...

P粉950128819 2023-08-20 18:36:55

後続のクラスが要素に追加されるたびに CSS アニメーションを実行する方法

要素をアニメーション化できるように CSS アニメーションクラスを設定しました。入力ボタンがクリックされるとこのクラスが追加され、例の入力ボタンがクリックされるたびに画面に飛ぶようにしたいです。ただし、これは初回のみ機能し、それ以降の入力クリックでは要素はアニメーション化されません。ここで何が足りないのでしょうか？ $(document).ready(function(){jQuery('#cloc').click(function(){jQuery('p').removeClass('anim

P粉714780768 2023-09-09 22:36:42