좋아, 그래서 나는 정말로 당신이 이미 추측 할 수있는 것처럼 질문의 제목을 어떻게 단어로 말할 지 모릅니다. this wordpress theme에 사용 된 배경 효과를 얻는 방법을 궁금합니다. 특히 볼 수있는 자르기/마스크 효과 in this detailCSS3가있는 대각선 배경 마스크?
나는 코드를 살펴 보았지만 정직하게 말하면 '이해할 수 없다'.
body {
background: url('/your/diagonal/image') #E8E8E8 /*Or any other colour*/ repeat
}
이 이미 사용하려는 패턴을 가정
은 어떤 도움이 CSS는 그것을 할 것입니다그들은 이미지를 사용 :
http://themes.evgenyfireform.com/wp-felis/wp-content/themes/felis/images/patterns/pattern3.png
그들의 CSS :
#top-container {
background: url(http://themes.evgenyfireform.com/wp-felis/wp-content/themes/felis/images/patterns/pattern3.png) #E8E8E8;
}
을 apreciated.
이 :
url('http://themes.evgenyfireform.com/wp-felis/wp-content/themes/felis/images/patterns/pattern3.png')
당신이 링크 된 사이트에서 패턴을 할 것입니다. 당신 이 이미지를 사용할 수 있지만 저작권을 위반하는 것일 수 있습니다.
그냥, 당신이 마스크는 통상적으로 수행되는 것을 볼 수 있습니다 웹 관리자의 페이지를 통해 걸어 절대적으로 다른 div의 꼭대기에 위치하는 높은 z- 인덱스를 가진 정규 이미지. 관련 CSS 링크 된 CSS 파일에 있고 읽 대각선의 아래쪽에 대각선 배경 이미지를 만들고 타일하는 방법
.bottom-mask {
position:absolute;
left:0;
bottom:0;
height:45px;
width:100%;
min-width:980px;
z-index:400;
background:url(../images/bottom-mask.png) no-repeat 50% 0
yea 메신저는 대각선 배경 이미지를 만들고 타일링하는 방법을 완전히 알고 있습니다. 내가 만드는 방법을 찾고 싶었던 효과는 대각선 이미지의 맨 아래에 있었으며 일종의 작물/마스크 효과였습니다. 이 이미지를 참조하십시오 : http://img100.imageshack.us/img100/7256/diagonalmaskeffect.png – Matt
"바닥 마스크"에 translcucent 이미지처럼 보입니다. –