jquery - CSSでランダムな線を引いて効果を再現する方法

Question

この効果を何と呼ぶべきか、またどのように調べればよいかさえわかりません。私は似たようなことをしたいです。ナビゲーションバーのリンクにカーソルを合わせると、私が話している内容が表示されます。

[編集] 明確にするために。これは、ナビゲーションメニューのリンクの上にランダムな線が引かれるように見えるホバー効果です。同様の効果を得るにはどうすればよいですか？

[編集] CSS、HTML5、および/またはJavascriptを使用して単語の上に線を引くことで、この効果を再現するにはどうすればよいですか?

score 0 · Accepted Answer

それはフラッシュを通して行われます。メニューを右クリックすると表示されます。しかし、HTML/CSS/CSS3 でも多少似たようなことができます。また、jQuery などの JavaScript フレームワークも役立ちます。

少数のEG:

score 0 · Accepted Answer

アニメーション GIF に加えて、かなり単純な CSS を使用して同様のものを取得できます。背景画像を作成し、ホバー時にこれをナビゲーションリンクに適用します。

確かにフェードイン効果はありませんが、シンプルで低帯域幅であり、モバイルでうまく機能します.

CSS

a:hover, a:active{
background: url("path-to-your-background.gif") 
}

幸運を！

2 に答える 2