반응형
*HTML/CSS폰트 그라데이션 설정
- background: linear-gradient( 방향, 시작 색상, 끝 색상); (방향에는 top, right, bottom, left 및 50deg 등의 설정이 가능하다.)
- -webkit-background-clip: text; 적용 시 텍스트에만 백그라운드 적용
- -webkit-text-fill-color: transparent; 적용 시 텍스트를 투명하게 만든다.
background: linear-gradient( to right, rgb(0, 247, 255), yellow ); //
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
반응형
'프로그래밍 > HTML, CSS, JSP, 서블릿' 카테고리의 다른 글
HTML, CSS 내용이 크기를 벗어났을 때(넘쳤을 때) 방법 (0) | 2020.06.23 |
---|---|
HTML, CSS 반응형 이미지 만들기 (0) | 2020.06.23 |
html 한글/영문 폰트 (0) | 2020.06.22 |
html 파비콘(Favicon) 적용방법 (0) | 2020.06.22 |
절대 경로, 상대 경로 (0) | 2020.06.15 |