Get new jQuery plugins just once a week

×

ArcText

FavoriteLoadingAdd to favorites

July 2, 2012

ArcText | jQuery plugin to curve text

Arctext is a jQuery plugin that let’s you use CSS3 to rotate letters, and arrange each letter along a curved path. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.
The main idea behind the Arctext plugin is to rotate letters with CSS3 transforms in order to place them along a curved path. The curve is always a segment of a circle (hence arc) for which the radius can be specified. The space and rotation for each letter will be calculated using that radius and the width of the text.
It has got the following options:-

Created by Codrops

Download

Example

Arctext-jquery-plugin

Curving text with jquery and css3

ArcText

Related posts:

Airport
HexaFlip
Letter Drop
Arctext-jquery-plugin

http://jquer.in/wp-content/uploads/2012/07/Arctext1.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever