코드:
결과보기 »
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>CSS3 Radial Gradients</title> <style> #grad { height: 300px; width: 300px; background: red; background: -webkit-radial-gradient(circle, red, yellow, orange); background: -moz-radial-gradient(circle, red, yellow, orange); background: -o-radial-gradient(circle, red, yellow, orange); background: radial-gradient(circle, red, yellow, orange); } </style> </head> <body> <h1>원형 그래디언트 - 모양 설정</h1> <div id="grad"></div> </body> </html>