Заголовки h2/h3 и выбранные ссылки получают градиентную заливку.
#suck1 и #suck2.<style>
h2 {
color: rgb(29, 29, 31);
background-image: -webkit-linear-gradient(-70deg, #a2facf 0%, #64acff 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
h3 {
color: rgb(29, 29, 31);
background-image: -webkit-linear-gradient(-70deg, #db469f 0%, #2188ff 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
[href='#suck1'] {
color: rgb(29, 29, 31);
background-image: -webkit-linear-gradient(-70deg, #db469f 0%, #2188ff 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
[href='#suck2'] {
color: rgb(29, 29, 31);
background-image: -webkit-linear-gradient(129deg,#dc79ff,#256bfa);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
Чтобы ограничить действие кода, добавьте перед селекторами класс блока.