태그매니아 HTML 부문

아디

비번

0 분

7 분

HTML 고급강좌 1. 포토샵 태그(3)
	[1][2][3]

8. shadow
dropshadow와 비슷한 명령어지만 약간에 다른 효과를 내는군요

속 성

기 능

color=색명 or RGB색상코드

효과를 나타낼 색상을 지정합니다

direction

나타나게될 그림자의 방향을 결정, 시계방향으로 0 45 90 135 180 225 270 315의 값을 지정

이것도 마찬가지로 이미지에서는 적용이 잘 되지 않습니다. 글자에서 주로 사용할 수 있는 필터입니다
<div style="width:100; height:25; font-size:18pt; filter:shadow(color=#cccccc,direction=45)">장진영</div>
원본	장진영	장진영	장진영
변환	장진영	장진영	장진영

9. wave
물결모양으로 효과를 주는 역할을 합니다

속 성

기 능

add=0 or 1

원본이미지를 합칠경우 0, 그렇지 않을 경우 1

freq=수치

wave의 개수를 결정

lightstrength=0~100

wave에서 빛의 강도 %

phase=0~100

웨이브 효과의 시작위치를 나타냅니다

strength=1~100

웨이브의 강도를 지정합니다

<img src=장진영.jpg style="filter:wave(strength=8,freq=3,lightstrength=10,phase=25,add=0)">

원본	음....--;	누구???	장진영

10. xray
엑스레이 화면처럼 이미지를 나타나게 해줍니다

속 성

기 능

xray

이미지를 흑백으로 나타냅니다

<img src=장진영.jpg style="filter:xray()">
원본	xray

이 필터들은 단독으로 사용되지 않고 자바스크립트와 어울려 갖가지 효과를 나타냅니다. revealtrans,blendtrans는 transition(변환) 효과를 가져다 주는데 revealtrans를 xmeta 태그에 사용하면 page transition 효과를 얻을 수도 있습니다.
지금까지 filter에 대해서 미약하나마 알아봤습니다. 쉽게 설명할려고 했는데 하다보니 저도 잘 모르는 게 많아서 설명이 부족한 곳이 많을 겁니다. 이해가 않가시거나 궁금한게 있으면 게시판에 질문을 남겨주세요. 그럼 아는한 자세히 보충설명을 해드리겠습니다.

이전 페이지로 || 태그연습장 || 메인 페이지로



연습장	메모장	알FTP	wsftp

유용한 팁

절대경로 알아내기.. - 일... [1]

1차, 2차, 3차 함수그래... [1]