0

こちらのナビメニューをご覧ください

現在は以下のようになっています

ここに画像の説明を入力

私が達成しようとしているのは、以下に示す結果です(これはPhotoshopで作成しました)

ここに画像の説明を入力

CSS3でこの結果を得ることは可能ですか? はいの場合、私を助けてください。この結果を取得する方法がわかりません

4

2 に答える 2

2

どうぞ

http://jsfiddle.net/DBzSD/11/

CSS 疑似要素を使用してそれらを表示しましたが、必要に応じて通常の要素に置き換えることができますが、それは非常に賢明な選択ではありません。

次に、データ属性を使用して数値の値を表示しました。最小限の JavaScript で数値を動的に変更でき、ボックスに表示される数値が自動的に変更されます :-)

それが役立つことを願っています..

申し訳ありませんが、ホバー効果を見つけることができませんでした:-(

于 2012-06-03T15:45:03.437 に答える
0

I can't find where you specify the border on the hover event, but I would make the green line part of the div, and then use the triangle as an image inside the div.

Have a look at this fiddle http://jsfiddle.net/Neograph734/DBzSD/8/

于 2012-06-03T11:55:31.827 に答える