0

私が持っている CSS 矢印 (以下を参照) をどのように取得し、各アイテムにカーソルを合わせたときにフェードインおよびフェードアウトさせるにはどうすればよいですか?

私のCSS：

#menu li {
  position:relative;
}

#menu li a:after {
  content: " .";
  display: block;
  text-indent: -99em;
  border-bottom: 0.6em solid #1c525a;
  border-left: 0.6em solid transparent;
  border-right: 0.6em solid transparent;
  border-top: none;
  height: 0px;
  margin-left: -.6em;
  margin-right: auto;
  margin-top: -7px;
  position: absolute;
  left: 50%;
  width: 1px;
}

すべてのコードはjsFiddleで利用できます。

4

1 に答える 1

1

これを達成するために、次を追加しました。

#menu li a:after {
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

#menu li:hover a:after {
  border-bottom: 0.6em solid #1c525a;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

jsFiddleを参照してください-このコードはクリーンアップまたはベスト化できると確信していますが、スタックオーバーフローでこれの例/回答をまだ見つけていないので、これを追加すると思いました.

于 2013-04-20T01:12:37.463 に答える