텍스트에 배경이미지, 그라데이션 넣기

    .title span{
    	font-family: 'Raleway', sans-serif;
    	font-weight: 800;
    	font-size: 12.0rem;
        
        /*그라디언트*/
    	background:  linear-gradient(141deg, #48ded4 0%, #a026bf 51%, #e82c75 75%);
        /*이미지*/
    	background: url("../img/rainbow.jpg") repeat;
    	color: transparent; /*필수*/
    	-webkit-background-clip: text; /*필수*/
    	letter-spacing: -2px;
    }

    'Css' 카테고리의 다른 글

    png 이미지에 그림자(drop-shadow)넣기  (0) 2024.03.27
    css 글자 흐르는 효과  (0) 2023.11.24
    글자위에 점 포인트 주기  (0) 2023.04.08
    스크롤 바(scrollbar) 없애기  (0) 2023.03.28
    border에 그라디언트 넣기  (0) 2023.03.28