Skip to content

UziTech/jquery.outlineletters.js

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 

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> ```

About

jQuery plugin that outlines letters

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published