CSS 表示プロパティのグラデーション効果

私は現在、CSS の「スーパー ドロップダウン」を設計しています。基本的には通常の純粋な CSS ドロップダウンですが、その中にはさまざまな種類のコンテンツが含まれています。現在、CSS3 トランジション効果は「display」プロパティには適用されないようです。つまり、display:none から display:block (または任意の組み合わせ) にトランジションする方法がありません。上の例では、誰かが一番上のメニュー項目にカーソルを置いたときに、2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性でトランジション効果を使用できることはわ...

P粉608647033 2023-08-21 11:08:32 0  2  606

css - フレックス レイアウトの垂直方向の効果は実現できませんか?

Ruan Yifeng 先生の例を参考にして、自分でやると垂直方向の効果が得られないのはなぜですか?

为情所困 2017-05-16 13:44:11 0  3  653

javascript - 画像収集効果、プラス 3D 効果、なぜ収集後に線が発生するのですか?

div には多数のサブディビジョンがあり、サブディビジョンの背景画像を組み合わせて全体の画像を形成します。集合効果として、3D の Y 軸反転効果を追加しました。接合するときの真ん中? 論理的には集めた後になるはずです 結果がこれです コードを添付します pic{幅: 1000px;高さ: 655px;位置...

曾经蜡笔没有小新 2017-05-18 10:46:23 0  1  586

Web ページを右に実行して効果を確認できないのはなぜですか?

Web ページを右に実行して効果を確認できないのはなぜですか?

王冬晖 2017-08-04 10:18:25 0  4  1287

javascript - vue 遷移効果 css クラス名の遷移順序

要素のトランジションをデザインします。理想的な効果は、要素が表示されると高さが増加し、消えると高さが減少することです。設計したコードは以下の通りです: {Code...} 結果要素が出現すると高さは直接100pxに達し、それが消えると通常になります コードを修正する順序は次のとおりです: {Code...}問題は解決しましたが、なぜこのような順序になったのかわかりません...

黄舟 2017-06-26 10:55:15 0  4  697

css3 - トランジション変換の最初の display:block に移動効果がないのはなぜですか?

https://jsfiddle.net/zjmove/2... ---xiaoboost の回答を読んだ後 --- 結局、これが最も適切な変更です: https://jsfiddle.net/25d3ga9j... 私はしませんでした。実際、次のアニメーションは必要なく、右から左への左の効果だけが必要です。なぜ初期表示:blo...

PHPz 2017-05-16 13:24:58 0  1  1305

これをロードタグに置き換えるとどのような効果がありますか?

これをロードタグに置き換えるとどのような効果がありますか?

自渡 2018-07-25 14:06:09 0  1  1415

JavaScript - トランスフォームでスクロール効果を作成するのに 2 つの要素が必要な理由

他の人の記事を読んだのですが、小さなボールの放物線効果を実現するために 2 つのアニメーションを実行するには、1 つの要素 <div class="ball"></div> を記述するだけでなく、2 つの要素のレイヤーを使用する必要がある理由を読みました。 ? 次に、transform を使用してそれを実行します x 軸と y 軸の変更、このように書いても効果がないことがわかりました。しかし、なぜ？これ...

滿天的星座 2017-05-19 10:18:02 0  2  861

Psuedo 要素の CSS ホバー効果を使用してメイン要素をオーバーラップする

基本的に、ホバーしたときの効果は次のようになります。 私の Web サイトのコードは次のとおりです。無視してください。重要: .cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!重要;幅:120px!重要;高さ:50px!重要;表示:インラインフレックス!重要;justify-cont

P粉838563523 2024-03-20 10:31:28 0  1  374

javascript - 変更イベントを入力ファイルにバインドすると、最初の実行では有効になりますが、それ以降の実行では効果がありません。

変更イベントを入力ファイルにバインドすると、最初の実行では有効になりますが、それ以降の実行では効果がありません。

大家讲道理 2017-05-19 10:41:38 0  2  754

javascript - 少し混乱していますが、なぜ直接checked=trueを使用してjsのタグに効果を追加できるのでしょうか?

例: js を使用して、選択した効果をボタンに追加する必要があります。 js で oDiv.checked = true を直接使用して、選択した効果を追加できるのはなぜですか?なぜ途中にスタイルを追加する必要がないのでしょうか?色の場合、これは oDiv.style.color = "red" になります。

阿神 2017-06-26 10:55:27 0  2  814

java - freemark はどのようにしてこの単純な効果を実現するのでしょうか?

テンプレートの {code...} ページは、{code...} を呼び出してページを生成します。文 var a=1; は、テンプレートの最後にある </html> の後ろにあり、テンプレートの対応する部分。私は .net に数年間取り組んできましたが、この種のテンプレートが効果を生み出すのは自然なことだと感じています。 ...

我想大声告诉你 2017-05-27 17:41:00 0  2  663

javascript - ページの読み込みアニメーション効果が表示されない？

1. 現在取り組んでいるプロジェクトはデータ テーブル ページですが、バックグラウンド クエリに時間がかかるため、ユーザー エクスペリエンスを向上させるために、読み込みアニメーションが追加されています。アニメーションを読み込むためのプラグインには問題はありませんが、メソッドの実行中にアニメーション効果が存在しないことがわかります。 2. コードを直接貼り付けます。 jsを始めましょう...

迷茫 2017-05-19 10:18:28 0  4  730

javascript - この効果を実現するために CSS を変更する方法

現在得られる効果は次のとおりです: 下にスクロール バーを表示せず、赤いボックス全体がポップアップ ボックスの右側に表示されます。これを実現するにはどうすればよいですか?以下に似ています: (これは PS からのものです) 以下は私のコードです。上記の要件を達成するにはどのような変更を加える必要がありますか?ありがとう！ ！コードは次のとおりです: html...

学习ing 2017-07-05 11:06:58 0  2  994

純粋な Javascript を使用して画像置換のためのトランジション効果を実装する

私が作成した Web サイトには多数のアコーディオンがあり、それぞれの上部に画像があります。アコーディオンを開くと中に説明があり、画像が切り替わります。アコーディオンを閉じると、画像は最初の画像に戻ります。問題は、この画像の変更には、フェード効果を伴う滑らかな遷移を持たせたいのですが、現在は単なる突然の変更であるということです。どうすればいいですか？アコーディオン ボタンの ID が「button」で、最初の画像 (2 番目の画像に変更されます) を含むラベルの ID が「firstimage」だとします。これはJavaSです

P粉458913655 2024-03-30 00:14:11 0  1  471

警告: mysql_fetch_assoc(): D:\AppServ\www\xiangmu\demo2.php の 9 行目で指定された引数は、有効な MySQL 結果リソースではありません。何が問題ですか?

警告: mysql_fetch_assoc(): D:\AppServ\www\xiangmu\demo2.php の行 9 で指定された引数は、有効な MySQL 結果リソースではありません

陈阵阵。 2017-12-09 15:37:31 0  1  1233

透明な div を使用してページの背景のぼかし効果を実現する方法

透明な div を介して背景をぼかしたい Web ページのコードがあります。実際にはdivを半透明にしたいのですが。ぼかしフィルターの CSS を div に追加しようとしましたが、結果として div 内のテキストもぼやけてしまい、希望どおりではありませんでした。 <bodystyle="background-image:url('bg.jpg')"><div>テキスト</div></body>

P粉908643611 2023-09-14 21:09:28 0  1  533

JavaScript - スクロール軸で前方スクロールと巻き戻しで異なる効果が生じるのはなぜですか?

スクロール軸が回転すると、指定した位置に到達すると、対応するシリアル番号の色が変わるという効果はそれなりにありますが、スクロールが一番下までスクロールすると、さらにスクロールすると、指定された領域に到達していません。上部で、対応するカラー スケールの色が変わりました。以下に提供したコードから、html:...

某草草 2017-05-19 10:25:51 0  1  695

JavaScript - 素敵なカルーセル画像を見たので、実装方法を教えてください。

ページ https://www.pingxx.com のカルーセル画像がとてもクールだと思いましたが、両面でフェードアウト効果を実現するにはどうすればよいですか?

某草草 2017-05-18 10:52:10 0  2  547

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

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

学习ing 2017-06-24 09:44:08 0  3  956