
Hace poco vi ese detalle en la letra de la página de Apple y me pregunté como lo hacían, no había más que oprimir F12 y revisar el código, lo que note es que después de mi revisión dejaron de hacerlo de esa manera y fueron solo colores sólidos, simples. Qué bueno que alcance a verlo. Este es el código tal cual le tenían:
((-webkit-background-clip) or (background-clip)) and (color) {
.section-ipados .subsection-headline {
background: linear-gradient(110deg, #339AAF, #2E76DB 33%, #1B175F 66%, #6F57B4);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
Por supuesto que de esa manera no funciona en WordPress, después de unos ajustes al código y colocándolo en el CSS del elemento (las letras) y con el tema DIVI, queda de esta manera:
.selector h2 {
background: linear-gradient(110deg, #339AAF, #2E76DB 33%, #1B175F 66%, #6F57B4);
-webkit-background-clip: text;
color: transparent;
}
El código da una transición entre varios tonos de colores colocados en hexadecimal (HEX) y con una «inclinación» (gradiente) que da la dirección de dicha transición, quedando de esta manera:

Desde luego, eso se hace si el WordPress esta un servidor/hosting que lo permita (externo a wordpress.com) o en el hospedaje oficial de WordPress pagando un plan que te permita personalizar el CSS. Lo escribo para después, para tener donde encontrar todo esto rápido.