착한 것들 > 착한 태그 > 이미지 관련

[필터 효과] 여러필터 동시 적용한 예제

※ 내용 업데이트와 홈페이지 관리 다시 시작하겠습니다. ^^;
필터 속성을 공백으로 구분하여 여러 효과를 동시에 적용할 수 있습니다.
예제

아래는 원본 이미지, 나머지는 필터동시적용


인버트와 알파필터 동시적용 ↓

filter:invert alpha(opacity=50)


그레이필터와 플립H 동시적용 ↓

filter:gray fliph


그레이필터와 인버트필터 동시적용 ↓

filter:gray invert

소스
<p align="center">

아래는 원본 이미지, 나머지는 필터동시적용<br>
<img src="/images/helper/smp_400_13.jpg"><br><br>

인버트와 알파필터 동시적용 ↓<br>
<img src="/images/helper/smp_400_13.jpg" style="filter:invert alpha(opacity=50)"><br>
filter:invert alpha(opacity=50)<br><br><br>

그레이필터와 플립H 동시적용 ↓<br>
<img src="/images/helper/smp_400_13.jpg" style="filter:gray fliph"><br>
filter:gray fliph<br><br><br>

그레이필터와 인버트필터 동시적용 ↓<br>
<img src="/images/helper/smp_400_13.jpg" style="filter:gray invert"><br>
filter:gray invert

</p>
☞ 달팽이홈2 등록일 : 2008-06-22