Arctext.js is a plugin created by web developer Pedro Botelho that rotates the letters with CSS3 transformation and arranges them along a curved path. The lettering.js calculates the right rotation of each letter then distributes it across the imaginary arc of the radius.

Below is the code:

radius  : 0,

// the minimum value allowed is

// half of the word length.

// if set to -1, the word will be straight.

dir     : 1,

// 1: curve is down,

// -1: curve is up

rotate  : true,

// if true each letter should be rotated.

fitText : false

// if you want to try out the

// fitText plugin (http://fittextjs.com/)

// set this to true.

// Don't forget, the wrapper should be fluid.

View the live Demo and Download.

Click on the image to know more about this awesome creation by Botelho.

Incoming search terms for the article:

• Curving text with CSS3 and jQuery
• archtext js plugin
• how to create a arc in css3 with demo
• help using arctext js
• draw curved arc in three js
• curved writing fonts
• curve the text using jquery
• curv text using jquery
• css3 curved text
• css3 arrange icon along a curved path