선형 그라디언트는 선형 형식으로 두 개 이상의 색상을 정렬하는 데 사용됩니다.
예시
CSS3에서 선형 그래디언트를 구현하기 위해 다음 코드를 실행할 수 있습니다.
<html> <head> <style> #grad1 { height: 100px; background: -webkit-linear-gradient(pink,green); background: -o-linear-gradient(pink,green); background: -moz-linear-gradient(pink,green); background: linear-gradient(pink,green); } </style> </head> <body> <div id = "grad1"> </div> </body> </html>
출력