css5

1그라데이션과 브라우저 접두사
그라데이션은 크기가 없는 배경 이미지이므로 background-image나 background 속성에서 사용, 그라데이션 속성은 표준화 됨
2선형 그라데이션
일정한 방향으로 색상이 변하는 것
방향과 색상이 중요!
-방향
to top/left/right/bottom: 아래에서 위/오른쪽에서 왼쪽/왼쪽에서 오른쪽/위에서 아래
-각도
그라데이션이 끝나는 각도, 단위는 deg
-색상 중지점
색상이 바뀌는 지점
3원형 그라데이션
radial-gradient(<최종 모양><크기>at<위치>
-모양:circle(원형)과 ellipse(타원형)
-위치:키워드(left, center, right중 하나, top, center, bottom중 하나)나 백분율
-크기:closest-side: 그라데이션 가장자리가 중심에서 가장 가까운 요소의 모서리와 만남
closest-corner: 그라데이션 가장자리가 중심에서 가장 가까운 요소의 코너에 닿도록 함
farthest-side: 그라데이션 가장자리가 중심에서 가장 먼 모서리와 만남
farthest-center: 그라데이션 가장자리가 중심에서 가장 먼 코너에 닿도록 함
-색상 중지점: 중간에 표시
4cssgenerator 검색 해 사이트에서 그라데이션 만들어서 사용할 수도 있다

1그라데이션 반복
패턴을 만들어 반복시킴
repeating-linear-gradient(yellow, yellow 20px,(그라데이션이 뿌옇게 되는것 방지) red 20px, red 40px);