Web/HTML, CSS
2023.03.23
1
[HTML/CSS] 배경에 선형 그라데이션 효과 넣기(linear-gradient)
그라데이션(Gradient) 효과는 여러 색상을 서서히 혼합하여 부드러운 색상 전환 효과를 만드는 것으로 크게 선형 그라데이션, 원형 그라데이션 두 가지 형태로 나뉩니다. 이 중 이번 포스팅에서는 선형 그라데이션을 넣는 방법에 대해 알아보겠습니다. CSS3에서는 liner-gradient 함수를 활용하여 선형 그라데이션을 넣을 수 있습니다. 선형 그라데이션 만들기(linear-gradient) 선형 그라데이션은 색상이 수직이나 수평 또는 대각선 방향으로 일정하게 변하는 형태를 말하며 liner-gradient() 함수를 사용하면 배경에 선형 그라데이션을 적용할 수 있습니다. linear-gradient 사용법 linear-gradient([방향], color1, color2, color3 ...) See..
