Menu

Post image 1
Post image 2
Post image 3
1 / 3
132

5 CSS Properties You Should Know for Better Text Designs

#master#x1f4ba#fbda0c#x1f3c2#align#code
Reading 0:00
15s threshold

Like the graphic design of a physical poster, sometimes we need some eye-catching text on the web too. Picking the right font is just the beginning. Text weight, style, spacing, and decoration can go a long way, but sometimes we need more to make the text stand out. Here are five properties that can help make words look better, or at least more interesting, on the web. They are all fairly simple implementations you can layer into other ideas. 1.  background-clip The fill of the letterforms is usually a solid color in typography (with some wild exceptions ). But it’s rather easy to use an image to fill that space instead. All we’ve got to do is pick a fancy background and snip it to the shape of our text. The result is a set of striking knockouts that can be read. In the late 2000s, the  text  value was introduced for the  background-clip  property, making it possible to  mask background images (or gradients) inside live text .…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More