지니가는사람 0

트게더 css 배경에 그라데이션 색상 넣는 코드 및 사용 방법입니다. 순서대로 따라오세요~

1. 구글에서 #000000 을 검색하여 색상표를 켠다.

2. 색상 표에서 마음에 드는 파렛트를 선택한다.

3. 그 다음 위에서부터 진한 색에서 아래로 연한색 or 연한색 에서 아래로 진한색 중에 하나를 고른다.

4. 순서대로 색상을 5가지 정도 고른다. (최소 3가지, 최대 9가지까지 작업해 봤는데 취향대로 고르시면 될 것 같습니다.)

5. 색상을 순서대로 정리한다. 구분은 , 를 사용  (ex,   #65f0f0, #86ebeb, #9ee6e6, #b9eded, #cfe8e8) 그 다음 색상을 복사한다.

6. /* 1 */ 부분에 복사한 색상을 붙여넣기한다.

7. 폰트가 있다면 폰트 다음에 없다면 제일 위에 붙여넣기 한다.

------------------------------------------

html {

background: linear-gradient(to bottom, /* 1 */);

height: auto !important;

}

------------------------------------------

여러분의 예쁜 트게더 꾸미기를 응원합니다~

질문은 댓글로 남겨주시면 시간 있을 때 답장 or 추가 포스팅 해드리니 부담 없이 물어보세요~

+ 해당 글을 쓰고 2년 정도 지나는 동안 CSS 구조가 보이진 않지만 게속 구성요소가 바뀌면서 위 코드만으로는 적용이 되지 않는 것으로 확인했습니다. 폰트 코드 ( https://tgd.kr/s/bellhidira/32132003?category=26938523 ) 와 같이 가져가시거나, body 부분에 background: transparent;  추가 바랍니다.

--------------------------------------------------- 예시

body {

  background: transparent;

}

html {

  background: linear-gradient(to bottom, #4184ff, #6394ff, #79a8ff, #93c2ff, #bedbff);

  height: auto !important;

}