<p class="example1">テキストがカーブします</p>
<p class="example2">テキストが下へ向かってカーブします</p>
<p class="example3">テキストを回転させずにカーブします</p>
p {
text-align : center;
font-size:18px;
margin:20px;
background:#eee;
padding:50px;
}
$('.example1').arctext({
radius: 200
});
$('.example2').arctext({
radius: 300,
dir: -1
});
$('.example3').arctext({
radius: 300,
rotate: false
});
This Pen doesn't use any external CSS resources.