Skip to content

Files

Latest commit

 

History

History
26 lines (20 loc) · 573 Bytes

css-text-gradient.md

File metadata and controls

26 lines (20 loc) · 573 Bytes
title version revision
CSS Gradient on text layer
0.1.0
1

CSS - Gradient on Text Layer

Applying a gradient to a text fill is quite different from simply giving a color to a text. Yet hooray CSS, it is much more simple than other platforms (flutter, android, ...)

How to

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

References