수

CSS3 그라디언트 방사형 그라데이션 반복

· 2017-08-11 (금) 15:57:57 · 2573


CSS3 그라디언트 방사형 그라데이션 반복


repeated-radial-gradient () 함수는 방사형 그래디언트를 반복하는 데 사용됩니다.


예

반복 방사형 그래디언트 :


#grad {

  background: red; /* For browsers that do not support gradients */

  /* For Safari 5.1 to 6.0 */

  background: -webkit-repeating-radial-gradient(red, yellow 10%, green 15%);

  /* For Opera 11.6 to 12.0 */

  background: -o-repeating-radial-gradient(red, yellow 10%, green 15%);

  /* For Firefox 3.6 to 15 */

  background: -moz-repeating-radial-gradient(red, yellow 10%, green 15%);

  /* Standard syntax */

  background: repeating-radial-gradient(red, yellow 10%, green 15%);

}


<!DOCTYPE html>

<html>

<head>

<style>

#grad1 {

    height: 150px;

    width: 200px;

    background: -webkit-repeating-radial-gradient(red, yellow 10%, green 15%); /* For Safari 5.1 to 6.0 */

    background: -o-repeating-radial-gradient(red, yellow 10%, green 15%); /* For Opera 11.6 to 12.0 */

    background: -moz-repeating-radial-gradient(red, yellow 10%, green 15%); /* For Firefox 3.6 to 15 */

    background: repeating-radial-gradient(red, yellow 10%, green 15%); /* Standard syntax (must be last) */

}

</style>

</head>

<body>


<h3>Repeating Radial Gradient</h3>


<div id="grad1"></div>


<p><strong>Note:</strong> Internet Explorer 9 and earlier versions do not support gradients.</p>


</body>

</html>


Repeating Radial Gradient

Note: Internet Explorer 9 and earlier versions do not support gradients.



|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 17-08-23 조회 2,110
CSS 17-08-23 조회 2,130
CSS 17-08-22 조회 1,899
CSS 17-08-22 조회 2,208
CSS 17-08-22 조회 2,646
CSS 17-08-20 조회 2,259
CSS 17-08-20 조회 1,561
CSS 17-08-20 조회 1,784
CSS 17-08-18 조회 1,810
CSS 17-08-18 조회 1,929
CSS 17-08-18 조회 2,251
CSS 17-08-17 조회 2,551
CSS 17-08-17 조회 2,212
CSS 17-08-17 조회 2,184
CSS 17-08-16 조회 2,050
CSS 17-08-16 조회 1,834
CSS 17-08-16 조회 1,824
CSS 17-08-15 조회 2,031
CSS 17-08-15 조회 2,092
CSS 17-08-15 조회 1,914
CSS 17-08-11 조회 1,808
CSS 17-08-11 조회 2,456
CSS 17-08-11 조회 2,574
CSS 17-08-10 조회 1,918
CSS 17-08-10 조회 2,435
CSS 17-08-10 조회 2,235
CSS 17-08-09 조회 2,131
CSS 17-08-09 조회 2,564
CSS 17-08-09 조회 2,116
CSS 17-08-07 조회 2,375