You can use the background-clip CSS property to create text gradients that are made up of selectable text. This approach can be used with background images as well.
h1 {
font-size: 100px;
background-image: linear-gradient(300deg, tomato 25%, red 80%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
Member comments are a way for members to communicate, interact, and ask questions about a lesson.
The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io
Be on-Topic
Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.
Avoid meta-discussion
Code Problems?
Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context
Details and Context
Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!