이 불투명도 애니메이션이 작동하지 않는 이유는 무엇입니까?

이 애니메이션의 문제점은 무엇입니까? 모두 크롬 이 불투명도 애니메이션이 작동하지 않는 이유는 무엇입니까?

.homepage-box:hover .shadow-layer 
{ 
    opacity:0.70; 
    -webkit-animation: opacity 5s; 
    -moz-animation: opacity 5s; 
}

/파이어 폭스 나는 같이 당신은 (: 호버 그렇게하지)에 부모 재산의 전환을 설정해야합니다 ... 불투명도에

출처

2014-01-13 markzzz

HTML 코드는 무엇 JS Fiddle 짐작 원하는 무엇인가? 다른 CSS? –

어때요? – Sionnach733

@techfoobar : 아니요! – markzzz

을 페이드 볼 수 없습니다. transition하지 애니메이션

에

이

.homepage-box .shadow-layer { 
    opacity: 1; 
    transition: opacity 5s ease-in-out; 
    -moz-transition: opacity 5s ease-in-out; 
    -webkit-transition: opacity 5s ease-in-out; 
} 

.homepage-box:hover .shadow-layer { 
    opacity: 0.7; 
}

출처

2014-01-13 09:37:22

그래, 완벽한거야;) 불투명 대신에'filter : alpha (opacity = 30)'을 애니메이트하고 싶다면? 그럴 수있어? – markzzz

필터 알파는 IE6/7 용이며 전환을 허용하지 않습니다. AFAIK –

변경 어쩌면 이것은 당신이 내가

출처

2014-01-13 09:44:16 Dan

이 불투명도 애니메이션이 작동하지 않는 이유는 무엇입니까?

답변

관련 문제