テキストをカーブ状に配置する事ができるjQueryプラグイン「Arctext.js」!

2016/07/28

こんにちは。
今回はテキストをカーブ状に配置する事ができるjQueryプラグイン「Arctext.js」!です。

文字を扇形に表示する事ができるjQueryプラグインを紹介します。

テキストをカーブ状に配置する事ができるjQueryプラグイン「Arctext.js」!

Arctext.js

arctext-js

 

jQueryプラグイン「Arctext.js」をダウンロードしてみよう!

http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/にアクセスして右にある「Download source」のボタンをクリックしてダウンロードします。

 

jQueryプラグイン「Arctext.js」を設置してみよう!

html部分を記述します。
任意のidを付けますよ。

 

jQuery本体とjquery.arctext.jsを/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。

Curve

DEMO

 

Direction

DEMO

 

No rotation

DEMO

 

Set/animate

DEMO

 

jQueryプラグイン逆引きハンドブック
jQueryプラグイン逆引きハンドブック

 

いかがでしたか。CSSだけだと厳しいので、良いですね。
以上でテキストをカーブ状に配置する事ができるjQueryプラグイン「Arctext.js」!でした。

Related Post

topへ戻る