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