16캠핑버스테마여행

경제의 "눈"

배너 혹은 이미지가 설정해준 경로대로 움직입니다.

여행가/허기성 2007. 6. 3. 21:07

배너 혹은 이미지가 설정해준 경로대로 움직입니다.

 

http://www.sourcenara.com

 

3. 아래의 소스를  <body>와</body>태그 사이에 넣어주세요. [스크롤 글상자 선택]

 


바탕이 천천이 여러 가지 색상으로 변합니다.

 

http://www.sourcenara.com

 

1. 아래의 소스를 <head></head>사이에 넣어 주세요. [스크롤 글상자 선택]

 

2. 아래의 소스를 <body> 태그와 교체하여 주세요. [스크롤 글상자 선택]

이미지에 빛을 바래는 효과(filter:glow)

 아래 왼쪽 그림은 필터를 적용하지 않은 상태이고  오른쪽은 필터를 적용한 예입니다.

http://www.sourcenara.com

 

아래와 같이 이미지 태그에style="filter:glow(color=#CCFF66 strength=15) " 필터를 추가합니다.

<img src="http://www.sourcenara.com/SourcenaraScript/img/img1-5/butterfly.gif" style="filter:glow(color=#CCFF66 strength=15)" border="0">  


color 는 빛의 색상을 설정
strength 는 필터의 세기를 설정
 

이미지에 마스크를 적용(filter:mask)

 아래 왼쪽 그림은 필터를 적용하지 않은 상태이고  오른쪽은 필터를 적용한 예입니다.

http://www.sourcenara.com

 

아래와 같이 이미지 태그에style="filter:mask(color=blue)" 필터를 추가합니다.

<img src="http://www.sourcenara.com/SourcenaraScript/img/img1-5/butterfly.gif" style="filter:mask(color=blue)" border="0">