Notice
Recent Posts
Recent Comments
Link
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Tags more
Archives
Today
Total
관리 메뉴

블로그

CSS 그라데이션 본문

CSS

CSS 그라데이션

오구리 2020. 8. 2. 15:25
728x90

 

CSS 그라데이션:

- 예전엔 배경이미지로 그라데이션을 만들었기에 여기서!

(1) 방향지정

background-image:linear-gradient(방향,색1,색2,...)

 

(2) 색상영역지정

background-image:linear-gradient(방향,색1 몇%,색2 몇%,...)

 

(3) 각도지정

background-image:linear-gradient(각도,색1 몇%, 색2 몇%,...)

 

- 방향: to top, to bottom, to right, to left

- 각도:기울임각도 설정(단위:deg)

 

 

www.w3schools.com/css/css3_gradients.asp

 

CSS Gradients

CSS Gradients Gradient Background CSS gradients let you display smooth transitions between two or more specified colors. CSS defines two types of gradients: Linear Gradients (goes down/up/left/right/diagonally) Radial Gradients (defined by their center) CS

www.w3schools.com

저작자표시

'CSS' 카테고리의 다른 글

transform2  (0) 2020.09.16
CSS버튼이펙트  (0) 2020.09.08
뷰포트와 미디어 쿼리  (0) 2020.06.08
폰트어썸 사용하기(Font Awesome)  (2) 2020.05.31
CSS background-size 속성  (0) 2020.05.30
'CSS' Related Articles more