CSS3 Gradient Generator | CSS3 Generator

Ví dụ:

#myDiv {
    background: rgb(30, 50, 230);
    background: -moz-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
    background: -webkit-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
    background: -o-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
    background: -ms-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
    background: linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
}

Các trình duyệt hỗ trợ thuộc tính CSS3 gradients:

Trình duyệt	Hỗ trợ CSS3 Gradients?
Firefox 3.6+	Hỗ trợ đầy đủ
Firefox 1-3	Không hỗ trợ
Safari 4+	Hỗ trợ đầy đủ
Safari 1-3	Không hỗ trợ
Chrome 1+	Hỗ trợ đầy đủ
IE10	Hỗ trợ đầy đủ
Opera 11.1+	Hỗ trợ đầy đủ

Tô màu tuyến tính bằng CSS3 ( CSS3 Gradient)

Tô màu tuyến tính bằng CSS3
( CSS3 Gradient)