Curved Text Curved Text

Curved Text

Created by: Raul Alvarez (Waracle)

Rating:
Downloaded: 1k times

A very simple shortcode series to create a curved text in WordPress using Arctext.js

Examples:

[arctext type=’p’ title=’How to curve text in WordPress?’ class=’curved-text’ radius=’500′ dir =’-1′ rotate=’false’]

[arctext type=’div’ title=’How to curve text in WordPress?’ class=’curved-text’ radius=’300′ dir =’1′]

[arctext type=’h3′ title=’How to curve text in WordPress?’ class=’curved-text’ radius=’200′ ]

  • Type : Type of element. Ex: p, span, h1, h2, h3, h4, div, ..
  • Title: Text to be displayed.
  • Class: Name of the class. It can be defined to style the class from the CSS file.
  • Radius: It should be a number. Ex: 100, 500.
  • Dir: Change the direction. It can be -1 or 1.
  • Rotate: Non-rotated / rotated letters.

References:

  • https://github.com/codrops/Arctext

Screenshots

  • Curved with radius of 300. Rotate false and non-rotated letters
  • Curved with radius of 200. Changed direction.

Categories

Get New Themes & Resources