juanpastas juanpastas - 1 year ago 173
CSS Question

Striped text in CSS

How can I make text to have a striped color with CSS?

Something like

applied to text. Or would I have to download a font that is coloured that way?

Answer Source

Demo: http://jsfiddle.net/LMg7q/2/

    font-size: 128px;
    background-size: 16px;
    -webkit-background-clip: text;
    color: transparent;
    background-color: #AC0;
    background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .3) 75%, transparent 75%, transparent);
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download