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

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

background-image: linear-gradient(red, blue); Mặc định là từ trên xuống, chuyển từ màu đỏ sang màu xanh dương

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

background-image: linear-gradient(180deg, red, blue); Từ trên xuống, chuyển từ màu đỏ sang màu xanh dương

background-image: linear-gradient(to bottom, red 30%, blue 10%, green 60%); Từ trên xuống, 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, rgba(255,0,0,0), rgba(255,0,0,1)); Từ trên xuống, chuyển nền trong suốt từ 0.0 tới 1.0

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

Hình gốc