2. 텍스트에 그라데이션 만들기

텍스트에, 그라데이션만들기

    .header_menu li:hover {
        background: linear-gradient(		// 백그라운드에 그라데이션을 입히고
        to left,
            rgb(0, 204, 255),
            rgb(0, 26, 255),
            rgb(212, 9, 227)
        );
        -webkit-background-clip: text;		// 옵션을 통해, text에만 적용시킨다.
        background-clip: text;				// 옵션을 통해, text에만 적용시킨다.
        
        color: rgba(255, 255, 255, 0);		// 이때, Text 의 컬러를 완전투명 하게 만들어서, 색이 잘 보이게한다.
    }