gradient generator::CSS의 gradient는 색상이 서서히 변화하는 효과를 만들어주는 기능이며 복수의 색상을 서서히 혼합하여 부드러운 색상 변화를 표현할 수 있어 디자인적으로 고급스러운 효과를 부여한다.

CSS의 gradient는 색상이 서서히 변화하는 효과를 만들어주는 기능이며 복수의 색상을 서서히 혼합하여 부드러운 색상 변화를 표현할 수 있어 디자인적으로 고급스러운 효과를 부여한다.

Result

CSS Gradient

Gradient (Beta) Conditions

Fucntion

Degree

Color 1

Color 2

Color 3

Color 4

Color 5

Css

Html

.box {
  background:linear-gradient(45deg,rgba(11,11,11,0.5) 0%, rgba(255,0,0,0.9) 20%, rgba(0,255,0,0.9) 40%, rgba(0,0,255,0.9) 70%, rgba(211,211,211,0.9) 100%); 
}

Gradient (Beta) Generator