반응형 background gradient1 [CSS3] gradient : 배경에 그라디언트 색상과 모양 지정하기 border-radius와 마찬가지로 특정 요소의 배경에 그라디언트 색상을 지정하기 위해서는 일일이 포토샵에서 이미지 작업을 한 뒤, CSS에서 background 속성을 지정해 줘야 했습니다. 하지만 CSS3 gradient를 이용하면 간단히 CSS의 코드 수정만으로도 원하는 그라디언트의 모양과 색을 자유자재로 변형할 수 있습니다. (1) background : 그라디언트 모양(방향, 색상1, 색상2); ※ 그라디언트의 색상의 개수는 원하는 만큼 추가할 수 있습니다. 그라디언트의 모양에는 선형 그라디언트와 원형 그라디언트가 있습니다. 다음의 예제를 통해 gradient 속성 값에 따라 달라지는 모양의 변화를 확인해보겠습니다. 4개의 를 생성한 후 에 공통으로 넓이와 높이 값을 지정해 준 후, nth-c.. 2023. 4. 19. 이전 1 다음 반응형
