0

何らかの理由で、次のコードは Chrome では機能しませんが、Firefox では機能します。

p.subtitle{
    margin-top:9px;
    font-size:15px;
    font-family: 'din_mediumregular',Arial, Helvetica, sans-serif;
}

a:hover .option-wrapper p.subtitle{
    -webkit-animation: moveFromRight 600ms ease;
    -moz-animation: moveFromRight 600ms ease;   
    -o-animation: moveFromRight 600ms ease; 
    animation: moveFromRight 600ms ease;        
}


@-webkit-keyframes moveFromRight{
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0%);
    }
}

@-moz-keyframes moveFromRight{
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0%);
    }
}

@-o-keyframes moveFromRight{
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0%);
    }
}

@keyframes moveFromRight{
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0%);
    }
}

コードに何か問題がありますか？ご覧のとおり、-webkit-animation と @-webkit-keyframes が含まれているため、よくわかりません。

4

2 に答える 2

2

そのはず

@-webkit-keyframes moveFromRight{
    from {
        -webkit-transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
于 2013-06-02T19:26:01.897 に答える