Skip to content

UziTech/jquery.outlineletters.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 

Repository files navigation

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

<p id="example1" style="color: #00f">Example 1</p>
<script>
  $("#example1").outlineLetters();
</script>

Color

Example 2

<p id="example2" style="color: #f00">Example 2</p>
<script>
  $("#example2").outlineLetters({color: '#0ff'});
</script>

Size

Example 3

<p id="example3" style="color: #0f0">Example 3</p>
<script>
  $("#example3").outlineLetters({size: 5});
</script>

Color & Size

Example 4

<p id="example4" style="color: #f00">Example 4</p>
<script>
  $("#example4").outlineLetters({color: '#0ff', size: 2});
</script>

No text shadow

Example 5

<p id="example5" style="color: #0f0">Example 5</p>
<script>
  $("#example5").outlineLetters({size: 5, useTextShadow: false});
</script>

No Round

Example 6

<p id="example6" style="color: #0f0">Example 6</p>
<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