인터넷정보

글자 또는 배경등에 그라데이션 적용하기.

알 수 없는 사용자 2007. 10. 17. 00:08

http://oxtag.com/html/ex/gradient.html

http://oxtag.com/html/ex/gradient_filter.html


소스와 미리보기는 링크를...

※ 간단한 옵션값 설명 ※

opacity : 투명 적용 시작부분의 투명도를 설정하는 부분입니다.
finishopacity : 투명도가 끝나는 지점의 투명도를 설정하는 부분입니다.

style :
1으로 설정하시면 fade 효과가 직선형으로 적용됩니다.  
2으로 설정하시면 fade 효과가 타원형으로 적용됩니다.
3으로 설정하시면 fade 효과가 원추형으로 적용됩니다.

startX, startY :: 효과가 시작되는 X지점(가로)과 Y지점(세로)의 위치를 설정하는 곳입니다.
finishX, finishY :: 효과가 끝나는 끝지점을 나타냅니다.

height, weight 옵션을 반드시 px 단위로만 조절하시길....
% 단위로 하면 효과가 이상하게 적용됩니다.
반응형