Skip to content
← Back to Community
[CSS] Adding gradient and other images on your text!
Profile icon
SixBeeps

There was a proposal that has been added to the CSS editors draft to add in a text value to background-clip. What this would do is to allow the background to only show up where there is text, which allows us to spice up our text with images!

Though it was only proposed recently, webkit and moz already have this attribute available in some form. Hopefully this standard will allow it to be on all browsers at some point.

Anyways, let's get to the code.

For this to work, we need an element to contain our text. You can do this in a

Voters
Profile icon
amaimai
Profile icon
Jacob77
Profile icon
figglediggle
Profile icon
Kookiez
Profile icon
Bookie0
Profile icon
programmeruser
Profile icon
TravisDecentraD
Profile icon
mkhoi
Profile icon
TsunamiOrSumth
Profile icon
IntellectualGuy
Comments
hotnewtop
Profile icon
Bookie0
Profile icon
SixBeeps

@Bookie0 ♪ Never gonna give, never gonna give- ♪

Profile icon
Bookie0

@SixBeeps argh, why did I click on that notification lmao!