CSS3 마스크 스타일

Question

CSS 요소를 마스킹하고 마스크에 다른 CSS 스타일링을 허용하는 코드가 있습니다. 테두리와 배경색. 기본적으로, 나는 다음과 같은 마스크가 :

-webkit-mask-box-image: url('../images/back_mask.png'); 
-webkit-mask-repeat: no-repeat; 
-webkit-mask-origin: border; 

을 그리고 현재는 같은 표시로 나는, 그것은에있는 요소와 동일한 스타일을 갖고 싶어 : 어떤 도움에 감사드립니다

, 알려주십시오 당신이 무엇을 필요로하는 경우 나 (필자는 위의 코드에 스타일링 CSS를 떠났고, 그냥 마스크에 사용하는 모든 코드를 게시)

마스크 이미지 : http://babblebox.me/ios/images/back_mask.png

감사합니다.

Answer 1

javascript를 통해 웹킷 값을 동적으로 변경하고 요소의 상위 스타일과 일치 시키려면 "상속"으로 돌아갑니다.