코드:
결과보기 »
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>CSS3 Linear Gradients</title> <style> #grad { height: 200px; background: green; background: -webkit-linear-gradient(left bottom, green, yellow); background: -moz-linear-gradient(left bottom, green, yellow); background: -o-linear-gradient(left bottom, green, yellow); background: linear-gradient(to top right, green, yellow); } </style> </head> <body> <h1>선형 그래디언트 - 왼쪽 아래에서 오른쪽 위로</h1> <div id="grad"></div> </body> </html>