Hàm linear-gradient() từ trái trên xuống phải dưới trong CSS

background-image: linear-gradient(to bottom right, red, blue); Từ trái trên xuống phải dưới, chuyển từ màu đỏ sang màu xanh dương

background-image: linear-gradient(to bottom right, red, blue, green); Từ trái trên xuống phải dưới, chuyển từ màu đỏ sang màu xanh dương đến màu xanh lá cây

background-image: linear-gradient(to bottom right, red 30%, blue 10%, green 60%); Từ trái trên xuống phải dưới, chuyển từ màu đỏ 30% sang màu xanh dương 10% đến màu xanh lá cây 60%

background-image: linear-gradient(to bottom right, rgba(255,0,0,0), rgba(255,0,0,1)); Từ trái trên xuống phải dưới, chuyển nền trong suốt từ 0.0 tới 1.0

mask-image: linear-gradient(to bottom right, black 0%, transparent 100%); Từ trái trên xuống phải dưới, chuyển từ vùng mờ sang trong suốt

Hình gốc