모를 때는 무조건 black이 진리라고 생각했으나..linear-gradient라는 function을 사용하면 은은한 그라데이션 적용이 가능하다
body {
background: linear-gradient(to left bottom, #3459a3, #3f98c1);
}
2. 글자 그라데이션 효과
#hometitle {
/* Create the gradient. */
background-image: linear-gradient(45deg, rgb(253, 253, 114), rgb(253, 107, 22));
/* Set the background size and repeat properties. */
background-size: 100%;
background-repeat: repeat;
/* Use the text as a mask for the background. */
/* This will show the gradient as a text color rather than element bg. */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
}
