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. 为Chromeand添加了 webkit 前缀Safari
2. moz 前缀被添加为Firefox
3. 为 ms 添加前缀IE
4. o 前缀被添加为Opera