이미지를 문서의 배경으로 설정하면 불투명도가 낮아지고 색상 표가 조금 변경됩니다.MS Word와 유사한 CSS의 배경 이미지
CSS에서 할 수있는 방법이 있습니까? 또는 주제를 벗어난 질문이 가능하지 않은 경우 누구나 효과의 이름을 알고 있습니까? 효과
이미지 :
원본 이미지 (마이너스 텍스트) :
이미지를 문서의 배경으로 설정하면 불투명도가 낮아지고 색상 표가 조금 변경됩니다.MS Word와 유사한 CSS의 배경 이미지
CSS에서 할 수있는 방법이 있습니까? 또는 주제를 벗어난 질문이 가능하지 않은 경우 누구나 효과의 이름을 알고 있습니까? 효과
이미지 :
원본 이미지 (마이너스 텍스트) :
나는 어떤 이미지 전문 해요,하지만 난 이미지를 가지고 말한 것 높은 채도 및 대비는 CSS filter
속성을 사용하여 얻을 수 있습니다. 이와 함께 opacity
를 사용하여 당신은 당신의 효과를 가지고 통과
.effect {
-webkit-filter: contrast(200%) saturate(200%);
opacity: 0.2;
}
<img src="http://i.stack.imgur.com/6ZTgY.jpg">
<img src="http://i.stack.imgur.com/6ZTgY.jpg" class="effect" >
알터 값이 원하는 변화를 얻을 수 있습니다.
filter
support at the moment의 몇 가지 부족한 점에 유의하십시오.
@Nenotlep nope. 불투명도는 여기서 문제가되지 않습니다. 나는 그것을 설정하는 방법을 안다. 전체적으로 효과가 있습니다 (불투명도 + 색상 무시). –
당신이 찾고있는 스크린 샷은 어떻습니까? 우리 모두가 Word를 사용하지 않습니다. –
@EduardLuca 그럼,'rgba()'에 대해서 설명해 주시고, 색상을 사용 하시겠습니까? http://css-tricks.com/tinted-images-multiple-backgrounds/ – Nenotlep