テキストを円や円弧状に「CircleType」
当ページのリンクには広告が含まれています。
スポンサーリンク
テキストを円や円弧状にしてくれるプラグイン「CircleType」を紹介します。
jQueryプラグイン「CircleType」
このプラグインを使えば、指定した要素のテキストを円や円弧状にしてくれいます。
テキストがやんわりカーブしているとサイトがやわらかく・ふんわりと印象になるんですね。おもしろいプラグインです。
円弧の角度や方向も指定することができるので、おすすめプラグインです。
スポンサーリンク
それではデモページをご覧ください。
デモのソース（HTML + jQuery）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="CircleTypeのデモでーす。">
<title>CircleType - jQueryプラグイン</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
</head>
<body>
<div class="container">
<h1 id="demo1">CircleType.js のデモでーす。</h1>
<p id="demo2">このように円や円弧のテキスト効果が楽しむことができます。</p>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/circletype.js"></script>
<script>
$('#demo1').circleType({radius: 300, dir:-1});
$('#demo2').circleType();
</script>
</body>
</html>
スポンサーリンク