코드:
결과보기 »
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>CSS3 Radial Gradients</title> <style> #grad { height: 300px; background: red; background: -webkit-radial-gradient(red 5%, yellow 20%, orange 50%); background: -moz-radial-gradient(red 5%, yellow 20%, orange 50%); background: -o-radial-gradient(red 5%, yellow 20%, orange 50%); background: radial-gradient(red 5%, yellow 20%, orange 50%); } </style> </head> <body> <h1>원형 그래디언트 - 색상 지정점 사이의 간격 조절</h1> <div id="grad"></div> </body> </html>