今日の人気記事

  1. 国際電話の入力フォーム「International Telephone Input」

テキストにカラフルな3Dの影を追加 「funText」

当ページのリンクには広告が含まれています。

スポンサーリンク

テキストにカラフルな3Dの影を追加するプラグイン「funText」を紹介します。

jQueryプラグイン「funText」

このプラグインを使えば、指定した要素のテキストに奥行きをもった3Dの影を追加することができます。しかも、カラフルなカラーセットも用意されています。

  • 影の深さ(奥行きの幅)
  • 影のカラー
スポンサーリンク

それではデモページのカラフルな3Dテキストをご覧ください。

「funText」のデモ

ソース( HTML + jQuery )


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="funTextのデモでーす。">
<title>funText - jQueryプラグイン</title>
</head>
<body>
<h1>funText のデモでーす。</h1>
<h2>マウスを動かしてみてください。</h2>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="jquery.funtext.js"></script>
<script>
$('h1').funText(10, 'red');
$('h2').funText(50, 'rainbow');
</script>
</body>
</html>
スポンサーリンク

関連記事(一部広告含む)