1

ホバーされていないときはすべて不透明度が1で、他の2つのアイテムの不透明度が半分になる、つまり「フェード」する3つのアイテムを選択できるかどうか疑問に思っていました。 1つにカーソルを合わせます。

これが私がこれまでに試したことです。残念ながら、ホバーしたオブジェクトの不透明度が.5のままであるため、失敗したことが証明されています。

 #mainLinks:hover { opacity: .5; }
 #mainLinks a{
      margin: 10px -10px 10px -10px;
      -webkit-transition: -webkit-transform .1s;
 }
 #mainLinks a:hover{
      -webkit-transform: scale(1.1);
      opacity: 1.5;
 }

どんな助けでも大歓迎です！さらに情報や説明が必要な場合は、私に聞いてください!

ありがとう、オーウェン

4

1 に答える 1

2

あなたはほとんどそこにいました。

  1. 親は完全な不透明度を .5 に設定する必要があります
  2. ホバーされたアイテムには、不透明度を 1 に設定する必要があります。

HTML の例:

<ol id="items">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
</ol>​

CSS:

#items:hover > li { opacity: .5; }
#items:hover > li:hover { opacity: 1; }

あなたの例からトランジション/トランスフォームを省きましたが、あなたはその考えを理解していると思います.

JSFiddle。

于 2012-11-29T07:18:38.827 に答える