0

遷移は幅と高さのみで機能する必要があります

logo-small {
    top:0 ;
    width:198px;
    height:198px;
    position:absolute;
    -webkit-transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
    transition: all 2s ease-in-out 0s;

} 
logo-small:hover {
    top:100px ;
    width:298px;
    height:298px;
}

何か案は？

4

2 に答える 2

2

トランジションがすべてのプロパティに影響するように指定しました。試す

#logo-small:hover {
    transition-property: width, height;
    top:100px ;
    width:298px;
    height:298px;
}

また

#logo-small {
    top:0 ;
    width:198px;
    height:198px;
    position:absolute;
    -webkit-transition: height 2s ease-in-out 0s, width 2s ease-in-out 0s;
    -moz-transition: height 2s ease-in-out 0s, width 2s ease-in-out 0s;
    transition: height 2s ease-in-out 0s, width 2s ease-in-out 0s;
}

編集：古い回答を追加し、修正しました

于 2013-07-12T07:40:51.063 に答える