728x90
반응형
background-image: linear-gradient() 이용하기
배경색 똑같이 2개로 나누어 지정하기 (그라데이션 효과)
background-image: linear-gradient(to right, red, yellow);
요런 효과가 있었다니!! 이쁘다.
배경색 똑같이 2개로 나누어 지정하기 (그라데이션 효과x)
background-image: linear-gradient(to right, red 50%, yellow 50%);
방향은 left, right, top, bottom 다 사용가능하다.
% 또한 다양하게 적용이 가능하다 !
728x90
반응형
'Frontend > CSS' 카테고리의 다른 글
| css - animation (2) | 2023.12.02 |
|---|---|
| css - animation-timeline( scroll 양을 알려주는 상단바 ) (0) | 2023.12.01 |
| css - input 태그 안에 이미지 넣기 (feat. input background 투명하게, palceholder 색깔 넣기 등등... ) (0) | 2023.07.30 |
| css - filter (0) | 2023.05.01 |
| css - 선택자 nth-child (0) | 2023.04.24 |
