jQuery Burn è un plugin per jQuery che aggiunge al testo un effetto simile ad una fiamma. Il plugin scalerà l’effetto in modo proporzionale alle dimensioni del testo. L’effetto può essere può essere arrestato, riavviato, accelerato e rallentato in modo dinamico. L’implementazione di jQuery Burn è molto semplice.
Cadice HTML da inserire entro il tag Head
1 2 |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script src="js/jquery.burn.js"></script> |
Codice HTML
1 |
<h1 class="burning">I'm on fire!</h1> |
Codice CSS
1 2 3 4 5 6 |
.burning{ color: white; /* A light text makes a nice bright flame source */ background: black; /* A dark background gives some contrast */ letter-spacing: 3em; /* Big text shows off the effect best */ font-weight: bold; } |
Codice Javascript
1 2 3 |
$(document).ready(function() { $('.burning').burn(); }); |
Demo Download Info | Sito Web | Autore