CSS3를 사용하여 투명한 텍스처 패턴을 만드는 방법은 무엇입니까? 이 <img src="https://i.stack.imgur.com/bMacE.png" alt="enter image description here"> 같은 예를 들어

Question

는

은 현재 내가이 투명 PNG를 사용하여 투명 .PNG에게 그것을이고 나는 그와 함께 괜찮아하지만 (웹 키트 브라우저에서) CSS3로도

가능하다면 난 그냥 궁금 해서요

이 패턴 갤러리를 보았습니다. http://leaverou.me/css3patterns/그러나 패턴 용입니다.

Answer 1

불행히도이 작업을 수행하는 CSS 방법은 없습니다. 링크하는 CSS3 패턴은 흥미 롭지 만 흥미로운 패턴을 생성하기 위해 그래디언트 기능을 해킹합니다. 노이즈는 데이터가 랜덤하고 픽셀 집약적이기 때문에 더 어렵습니다.

나는 전형적인 "jQuery 플러그인이있다"라는 것부터 시작하겠다.이 경우는 http://rappdaniel.com/noisy/이다. JS는 Data URI background image을 생성합니다.