Skip to content

UziTech/jquery.outlineletters.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 

Repository files navigation

Code Climate

Outline letters jquery plugin

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

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