Image background to text lines?

[ckubs]

Currently I’m using this css bit to put a line behind my titles but I want to make things prettier with some SVG. Is it possible to add a background img border that goes on all lines of text via CSS? Maybe with a little help of js?

Thank you for any help. I can’t seem to find anything related to this.

.topic .topic-title{
    font-size: 26px;
    background-color: transparent;
    position: relative;
box-shadow: inset 0 -10px 0 rgba(252, 208, 54,.5);
    line-height: 28px;
}

[Paulie_D]

Perhaps you have an image of the effect you are trying to achieve….it’s hard to visualise what you want at the moment?

[ckubs]

This is what I’d wanted to make. http://oi63.tinypic.com/2mxl5hz.jpg

[Paulie_D]

Ahhh…a couple of gradients is, I understand, the simplest option

https://stackoverflow.com/questions/17285514/is-it-possible-to-make-a-squiggly-line/33464969#33464969

[ckubs]

Thank you. Î’ll go that way.

[Author]

Posts