HalfStyle jQuery Plugin Examples


A jQuery/CSS library provides a set of CSS rules to style half or third of each character in your text, automatic or manual, vertical or horizontal.


Base Solution

class: hs-base

Single Characters: (Pure CSS, no Javascript)

X Y Z A

Automated on any text: (Requires jQuery to automate the task)

jQueryScript.Net

Vertical Half

class: hs-vertical-half

Single Characters:

X Y Z A

Automated on any text:

jQueryScript.Net

Vertical 1/3

class: hs-vertical-third

Single Characters:

X Y Z A

Automated on any text:

jQueryScript.Net

Horizontal Half

class: hs-horizontal-half

Single Characters:

X Y Z A

Automated on any text:

jQueryScript.Net

Horizontal 1/3

class: hs-horizontal-third

Single Characters:

X Y Z A

Automated on any text:

jQueryScript.Net

PeelingStyle by user SamTremaine on StackOverflow.com

class: hs-PeelingStyle

Single Characters:

X Y Z A

Automated on any text:

jQueryScript.Net

KevinGranger - By user KevinGranger on StackOverflow.com
Reqires black background and an external font for the best looks.

class: hs-KevinGranger

Single Characters:

X Y Z A

Automated on any text:

jQueryScript.Net