``` -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to bottom, #F55555, #F55555, #FCCF31 60%, #FCCF31); ``` ``` &::before { content: attr(text); position: absolute; transform: translateX(-50%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to bottom, #0096FF, #0096FF, #00EAFF 60%, #00EAFF); } ```