This is WebKit only, the gradient text to accomplish it as the text remains editable and selectable web text in CSS. DEMO Gradient Text HTML < h1 > Gradient Text </ h1 > CSS h1 { font - size: 72 px; background: - webkit - linear - gradient( #eee, #F00); - webkit - background - clip: text; - webkit - text - fill - color: transparent; }