TextHoler.js

TextHoler.js

Use this JQuery plugin to make your text looks like a hole in the page

Basic example

This is a basic usage example providing only an URL/path to locate the image

The result of this example is the image above

HTML markup

<span id="test">TEXT HOLER</span>

jQuery

$('#test').textHoler({
    background: "img/trippy-journey.gif"
});

Available Options

These are the available options with the default values

color: "transparent",
size: "48px",
family: "arial",
repeat: "repeat",
weight: 700

NOTE: backgroud option is required! If you don't provide any background image the plugin doesn't work and it will log to console "Damn! I need an image to use for the background!" message.