国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

CSS 表示プロパティのグラデーション効果
P粉608647033
P粉608647033 2023-08-21 11:08:32
0
2
701
<p>現(xiàn)在、CSS の「スーパー ドロップダウン」を設(shè)計(jì)しています。基本的には通常の純粋な CSS ドロップダウンですが、さまざまな種類のコンテンツが含まれています。 </p> <p>現(xiàn)在、<strong> CSS 3 トランジション効果は「display」屬性には適用されないようです</strong> つまり、<code>display: none</ からトランジションする方法はありません。 code> から < code>display: block</code> (または任意の組み合わせ)。 </p> <p>上の例で、誰(shuí)かが一番上のメニュー項(xiàng)目の上にマウスを置いたときに、第 2 レベルのメニューを「フェードイン」させる方法はありますか? </p> <p><code>visibility:</code> 屬性でトランジション効果を使用できることは知っていますが、それを効果的に使用する方法がわかりません。 </p> <p>高さの使用も試しましたが、結(jié)果はひどいものでした。 </p> <p>これは JavaScript を使用して簡(jiǎn)単に実現(xiàn)できることも知っていますが、CSS だけを使用することに挑戦したかったのですが、少し理解が及んでいないように感じました。 </p>
P粉608647033
P粉608647033

全員に返信(2)
P粉311089279

要素を適切に機(jī)能させるには、他の方法で要素を非表示にする必要があります。

<div> の両方を絶対位置に設(shè)定し、非表示のものを opacity: 0 に設(shè)定することで効果を?qū)g現(xiàn)しました。

display 屬性を none から block に切り替えると、他の要素のトランジション効果は発生しません。

この問(wèn)題を解決するには、要素を常に display: block にできるようにしますが、次のいずれかの方法で要素を非表示にします:

  1. 高さ0に設(shè)定します。
  2. 不透明度0に設(shè)定します。
  3. overflow: hidden を使用して、要素を別の要素のフレームの外側(cè)に配置します。

他にも解決策があるかもしれませんが、要素を display: none に切り替えると遷移できなくなります。たとえば、次のようなことを試してみるとよいでしょう:

リーリー

しかし、これは うまくいきません。私の経験上、これには何の効果もないことが分かりました。

したがって、要素の

display: block を常に維持する必要がありますが、次の方法でこれを回避できます。 リーリー

P粉729198207

2 つ以上のトランジション エフェクトを接続できます。この時(shí)點(diǎn)では 可視性 が便利です。

リーリー リーリー
最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート