jquery.arctext.js：文字列のアーチ配置

基本CSSで実装、javascriptでマーキー化するかどうか判断。レスポンシブ対応

CAFE OPEN Welcom Evrer Bady

2020/10/10 10時 OPEN

javascript


//jquery.arctext.js
//Arctext.js はベースにFitText.js 1.0を使っている

$(function () {
  $("#arc_text").arctext({radius: 80});
  $("#arc_lower").arctext({radius: 80, dir: -1});
});

// ヘッダー位置のテキストを少し調整。
// 文字数で変わってくる？
#arc_text { margin-bottom: -0.2rem; }

ヘッダーswiperを配置すると蛸忍者が思うように動作しない。