gradients

도형에 그라데이션을 적용할 수 있다. 그라디언트는 선형(linear)과 방사형(radial)이 있다.

선형 그라디언트#

fill과 stroke은 도형과 선의 기본색을 지정한다.

styles.css

#rect1 {
  fill: url(#Gradient1);
}
.stop1 {
  stop-color: red;
}
.stop2 {
  stop-color: black;
  stop-opacity: 0;
}
.stop3 {
  stop-color: blue;
}

Live Editor

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^