-1

javascript と jquery の違いがよくわからないので、エフェクトの呼び出し方がよくわかりません。私は何も作ることができません。

だから、html/cssでメニューを作っていて、メニュー項目をホバリングしたときにフェード効果を作りたいです。そのようなものが存在するかどうかはわかりませんが、そのような例をいくつか見つけましたが、正確には必要なものではありません.

http://greg-j.com/static-content/hover-fade.html

http://www.jacklmoore.com/blend

どちらにも私が望む効果がありますが、通常のアイテム/ボタンとホバー部分があります。

私が持っているのはホバー状態だけです:)したがって、基本的にはメニューの背景としての画像とホバー状態の他の画像です。

(ホバリング) に使用される 1 つの画像だけでこの「表示/非表示」フェード効果を作成する機会はありますか、またはそれを機能させるには通常のホバー状態が必要ですか?

4

1 に答える 1

2

CSS3 トランジションを確認してください。

これは、ホバー時に要素をフェードする CSS です。

.fade 
{
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.fade:hover 
{
    opacity: 0.5;
}

次のように、要素に .fade クラスを与えるだけです。

<p class="fade">This is my text element that will fade when you hover over it.</p>

テキストである必要はありませんが、ボタン、画像などでもかまいません。

http://bavotasan.com/2011/a-simple-fade-with-css3/から取得

于 2012-07-23T22:29:57.167 に答える