Compass에서 불투명도를 0에서 1로 변환하는 방법은 무엇입니까?

Question

CSS3 (및 SASS/Compass를 읽을 수 있도록)를 사용하여 페이드 스타일을 구현하려고합니다.

전체 투명도에서 전체 불투명도로 요소를 변경하고 싶습니다. 내가 그 같은 시도 : 그 시도로

@import "compass/css3/transition"; 
@import "compass/css3/opacity"; 

.fade{ 
    @include transparent; 
    @include transition(opacity(1), 2s ease-out); 
} 

을, 당신은 예정 한 의사 요소를 지정해야 마십시오 Compass documentation에서 볼 수 있듯이

Answer 1

... 거기에는 전환 효과 없다, 그리고 요소는 투명 남아 . 그렇지 않으면 브라우저가 전환이 발생해야하는지 (예 : 마우스 오버 또는 기타 동작)를 어떻게 알 수 있습니까?

.fade{ 
    @include transparent; 
    @include transition(opacity, 2s ease-out); 
} 

.fade:hover { 
    opacity: 1; 
} 

Example : 또한

는, 불투명도 통화에서 (1) 인수를 포함하지 않습니다. 내 질문에 내가 그것을 공식화하는 방식과 일치하는 답변에 대한 http://thecssguru.freeiz.com/animate/

Answer 2

나는 마침내이 SASS 믹스 인의 SCSS 버전을 사용했다. 그러나, 당신의 대답은 단지 내가 대신 애니메이션을 사용해야한다는 것을 깨닫게했습니다. 페이드 인 온로드 효과를 재현하고 싶습니다.