0

私のポートフォリオページでは、現在画像を持っています:

.collection-type-gallery #slideshow .slide img:hover {
     opacity: 1;
     -webkit-transition: opacity 1s ease-in-out;
     -moz-transition: opacity 1s ease-in-out;
     -o-transition: opacity 1s ease-in-out;
     transition: opacity 1s ease-in-out;
}

しかし、フェードアウトしません。それらはフェードインするだけです。どうすれば正しく動作させることができますか?

4

1 に答える 1

1

:hover遷移宣言から削除:

.collection-type-gallery #slideshow .slide img { /* Set the transition on img without hover */
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out; 
}

.collection-type-gallery #slideshow .slide img:hover{opacity:1;} /* apply opacity change on hover */

問題は、トランジションを のみにアタッチしたことimg:hoverです。そのため、マウスを離すと、トランジションは適用されなくなり、imgなしでトランジションを設定してから:hover、 のみに割り当てます。opaicty:1img:hover

于 2013-08-22T18:35:27.880 に答える