A repository of over 1000 quality jQuery plugins

jQuery outlineletters

outlineletters is a jQuery UI plugin.

Created by UziTech

Outlines letters in a paragraph

Not what you're looking for? Click here to view more UI jQuery plugins

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

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


You might also like these other UI jQuery Plugins

  • translucent

    Translucent plastic card theme.

  • jQuery.mousetip

    Extension for cursor tooltips that follow mouse movement

  • jQCloud

    jQuery plugin for drawing neat word clouds that actually look like clouds