1

私が作成しているこのウェブサイトには矢印のリンクがあり、その上にカーソルを合わせると、画像にクールな追加が加えられた新しい画像になります。私はこれを以下のこのコードで完全に正常に動作させ、コードをまったく編集しませんでしたが、「すべて」のトランジションがこれに対して機能しなくなったようです。何が悪いのかわかりません。また、これを使用して、単色の背景画像をフェードさせて、別の単色の別の背景画像にフェードさせます。

a.visitarrow
{
-webkit-transition:all 1.0s ease-in-out;
-moz-transition:all 1.0s ease-in-out;
-o-transition:all 1.0s ease-in-out;
-ms-transition:all 1.0s ease-in-out;        
transition:all 1.0s ease-in-out;
display:block;
width:130;
height:121;
background-image:url('pictures/visit.png');
}

a.visitarrow:hover
{
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;        
transition:all 0.5s ease-in-out;
display:block;
width:130;
height:121;
background-image:url('pictures/visithover.png');
}
4

1 に答える 1

1

私はこれがうまくいくと信じています：

a.visitarrow {
    display: block;
    width: 130;
    height: 121;
    -webkit-transition: 1.0s ease-in-out;
    -moz-transition: 1.0s ease-in-out;
    -o-transition: 1.0s ease-in-out;
    -ms-transition: 1.0s ease-in-out;        
    transition: 1.0s ease-in-out;
    background-image: url('pictures/visit.png');
}

a.visitarrow:hover {
    background-image: url('pictures/visithover.png');
}
于 2012-04-26T01:38:18.227 に答える