Skip to content
jQuery plugin that outlines letters
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
jquery.outlineletters.js
jquery.outlineletters.min.js

README.md

Code Climate

Outline letters jquery plugin

Copyright (c) 2014 Tony Brix http://tonybrix.info

MIT Licensed: http://www.opensource.org/licenses/mit-license.php

A jQuery Plugin that outlines letters in a paragraph. Tested on jquery v 1.2.3 and up

Options

color: outline color. default: '#888'

size: outline width in px. default: 1

round: round corners when size > 1. default: true

useTextShadow: uses css3 property "text-shadow" if browser supports it. default: true

Examples

Basic

![Example 1](http://uzitech.github.io/images/example1.png) ``` html

Example 1

<script> $("#example1").outlineLetters(); </script> ``` ### Color

![Example 2](http://uzitech.github.io/images/example2.png) ``` html

Example 2

<script> $("#example2").outlineLetters({color: '#0ff'}); </script> ``` ### Size

![Example 3](http://uzitech.github.io/images/example3.png) ``` html

Example 3

<script> $("#example3").outlineLetters({size: 5}); </script> ``` ### Color & Size

![Example 4](http://uzitech.github.io/images/example4.png) ``` html

Example 4

<script> $("#example4").outlineLetters({color: '#0ff', size: 2}); </script> ``` ### No text shadow

![Example 5](http://uzitech.github.io/images/example5.png) ``` html

Example 5

<script> $("#example5").outlineLetters({size: 5, useTextShadow: false}); </script> ``` ### No Round

![Example 6](http://uzitech.github.io/images/example6.png) ``` html

Example 6

<script> $("#example6").outlineLetters({size: 5, round: false}); </script> ```
You can’t perform that action at this time.