CSS 텍스트 오버 플로우 페이드

Firefox 및 다른 브라우저에서 -webkit-mask-image CSS 속성을 에뮬레이션하려면 어떻게해야합니까?CSS 텍스트 오버 플로우 페이드

텍스트 오버플로에 텍스트 페이드 효과를 만들어야합니다. 크롬을 위해이 같은 짓을했습니다

-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 98%);

어떻게 다른 브라우저에 대한이 효과를 할 수 있습니까?

2014-06-20 Paul

웹킷 브라우저를 제외하고 마스크 이미지는 브라우저를 지원하지 않습니다. 다른 대안을 찾아야합니다.

2014-06-20 09:23:09 user1853128

나는이 mask.svg를 그리거나 자신의 브라우저에서 렌더링해야합니까? – Paul

@ user1858864 : mozilla 브라우저에서 확인하십시오. 브라우저를 점검 할 필요가 없습니다. – user1853128

답변