asp.net - クロスブラウザCSS

Question

<asp:ImageButton ID="Bt_1" runat="server" CausesValidation="false" CssClass="clr_bt" />
.clr_bt
{
    -webkit-transform: rotate(-50deg);
    -webkit-transition: -webkit-transform 0.5s ease-in;
}

Opera、IE、Mozillaの修正を手伝ってください。

しばらくの間、Chrome のみで動作します。

Answer 1

次のように、ブラウザのベンダー プレフィックスを CSS に追加する必要があります。

.clr_bt {
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg);

    -webkit-transition: 0 .5s ease-in;
    -moz-transition: 0 .5s ease-in;
    -o-transition: 0 .5s ease-in;
    transition: transform .5s ease-in;
}

1. および に webkit プレフィックスが追加されChromeますSafari
2. mozプレフィックスが追加されましたFirefox
3. msプレフィックスが追加されますIE
4. o プレフィックスが追加されますOpera