파이어 폭스

Question

내가 SVG와 CSS3와 애니메이션을 만들기 위해 노력하고 있어요 그리고 그것은 크롬에서 잘 작동하지만 transform-origin:에 -moz- 접두사를 추가하는 시도 파이어 폭스 에서 작동하지 않습니다하지만 아직이

을 작동하지 않습니다에 기원을 변환 설정할 수 없습니다

here 내가

을 만든 라이브 샘플입니다

내가 추가 한 CSS는 규칙은 다음과 같습니다

#aniBin { 
    overflow: visible; 
} 
#Bin:hover #cap { 
    transition-duration: 400ms; 
    transform: rotate(-150deg); 
    transform-origin:0% 90%; 
    -moz-transform-origin:0% 90%; 
} 

Answer 1

transform-origin는 현재 파이어 폭스에서 SVG 지원되지 않습니다 백분율을 단위로 사용하는 경우. 픽셀 사용 시도 :

transform-origin:0 10px;