크로스 브라우저 CSS

<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; 
}

오페라, IE, 모질라에서 해결할 수 있습니까?크로스 브라우저 CSS

잠시 Chrome 용으로 만 작업하십시오.

출처

2012-10-09 CyberDx

'-webkit' 접두사는 Chrome과 Safari에만 스타일을 적용합니다. 이 링크는 도움이 될 수 있습니다 : http://prefixmycss.com/ –

다음과 같은 문제에 대한 좋은 자료가 있습니다. http://caniuse.com/ –

IE 변환은 다르기 때문에 다른 접두어 이상이 필요할 것입니다. – circusdei

이처럼 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; 
}

웹킷 접두사 Chrome 추가되고 Safari
MOZ 접두사 Firefox
ms 동안 추가 접두사가 추가되었습니다. IE
접두사가 Opera

출처

2012-10-09 20:55:02 Erwin

감사합니다 !!! 네 짐승! – CyberDx

크로스 브라우저 CSS

답변

관련 문제