炎上するテキスト効果を「Burn」
当ページのリンクには広告が含まれています。
スポンサーリンク
テキストに燃え上がっている効果を実装するプラグイン「Burn」を紹介します。
jQueryプラグイン「Burn」
このプラグインを使えば、テキストがゆらゆらと燃え上がっている効果を実装することができます。オプションでは、炎が揺らめく大きさや色などの効果を不可することができるので、いろいろ調整してみるとおもしろいですね。
スポンサーリンク
デモで、燃え上がっているテキストのアニメーションをご覧ください。
ソース（HTML + jQuery）
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>Burn - jQueryプラグインまとめのカルマ</title>
</head>
<style>
body {
background-color: #000;
color: #fff;
}
.burning {
font-size: 80px;
font-weight: bold;
}
</style>
</head>
<body>
<h1 class="burning">Burnのデモでーす。</h1>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="js/jquery.burn.min.js"></script>
<script>
$(document).ready(function() {
$('.burning').burn()
});
</script>
</body>
</html>
jsファイルのダウンロード、その他のオプション詳細はこちらからどうぞ。
» Burn
スポンサーリンク