<p>그라디언트는 색상의 부드러운 변형이며 그라디언트 변형에서 한 색상에서 다른 색상으로 이동할 수 있습니다.</p> 
    <iframe src="/svg/src/gradients/index.html"></iframe> 
    <h2>나무 애니메이션이있는 그라디언트</h2> 
    <iframe src="/svg/src/gradients/index2.html"></iframe> 
    <h2>Hills 애니메이션</h2> 
    <iframe src="/svg/src/gradients/index3.html"></iframe> 
    <p><a href="https://translate.google.com/website?sl=auto&tl=ko&nv=1&u=https://www.tutorialspoint.com/svg/src/gradients/gradients.zip">여기에서</a> 사용 가능한 소스 코드<a href="https://translate.google.com/website?sl=auto&tl=ko&nv=1&u=https://www.tutorialspoint.com/svg/src/gradients/gradients.zip"></a></p>

SVG-그라디언트

SVG 데모

SVG-로더 예

SVG-대화 상자 효과

SVG-아이콘

SVG-시계

SVG-드래그

SVG-키포인트

SVG-지도

SVG-amChart

SVG-그래프

SVG-평면 음영

SVG-이미지 필터 효과

SVG-텍스트 효과

SVG-CSS 효과가있는 텍스트

SVG-화살표 효과

SVG-브랜드 효과

SVG-Gooey 효과

SVG-재미있는 효과

SVG-스크롤 효과

SVG-슬라이드 쇼 효과

SVG-탭 효과

SVG-Raphael.js 효과

SVG-Velocity.Js 효과

SVG-Walkway.js 효과

SVG-zPath

SVG-Vague.js 효과

SVG-변형 효과

SVG-전체 화면 오버레이 효과

SVG-Laylinepainter.js 효과

SVG-데모 게임

SVG-실시간 SVG 광고

SVG 튜토리얼

SVG-개요

SVG-도형

SVG-텍스트

SVG-스트로크

SVG-필터

SVG-패턴

SVG-상호 작용

SVG-연결

SVG 유용한 리소스

SVG-질문 및 답변

SVG-퀵 가이드

SVG 배우기