728x90
반응형
CSS text gradient 텍스트 그라데이션 효과
■ 사용법
<style>
.tmpTxt {
font-size:50px;
font-weight:bold;
background: -webkit-linear-gradient(#eee, #000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
<p class="tmpTxt">TEXT GRADIENT</p>
728x90
반응형
'CSS' 카테고리의 다른 글
[CSS] input type으로 속성 선택자 (input type별 스타일 적용하기) (1) | 2021.07.28 |
---|---|
[CSS] DIV 정가운데 정렬 / DIV 화면 중앙에 정렬 (0) | 2021.04.28 |
[CSS] background gradient 배경 그라데이션 효과 (0) | 2021.04.22 |
[CSS] nth-child n배수 요소 선택하기 nth-child(n+n) (0) | 2021.04.15 |
[CSS] box-shadow 박스 그림자 효과 (0) | 2021.04.12 |