Apa kabarnya sobat? Sebelumnya terimakasih mau mampir diblog sunyi ini,pada kesempatan ini saya mencoba mengingatkan kembali apakah pernah melihat gambar,logo atau nama yang mengeluarkan api? Pasti pernah atau sering melihatnya jika belum contoh DEMONYA (itu adalah site pertamaku mengenal dumay lewat xtgem) coba perhatikan dengan seksama dan dalam tempoh yang agak lama "
gambar online tersebut mirip text shadow bukan? Cuma diberi efek
bergerak pada api(shadownya) dan ketebalan pada textnya,sekarang gimana
jika logo tersebut kita ubah menjadi javascript dan kita beri efek
bergerak (query) jika ada yang mau mencoba ini scriptnya<script src="http://ykubnay.googlecode.com/files/jquery.min.js" type="text/javascript"></script><script type="text/javascript">(function ($){$.fn.ignite = function (burn){$(this).each(function (){var letters = $(this).text().split('' );$(this).html('<span>' + letters.join('</span><span>' ) +'</span>' );$spans = $(this).find('span' );setInterval(function () {$spans.each(burn);}, 100);});}})(jQuery);function gasFlame(){var colors = ['#FFF', '#99f', '#CC0066', '#CC0033'];if (Math.random() > 0.90){colors.push('#3333CC' );}var hv = 0.04;var textShadows = [];var c = 0;var h = 0;var s = 0;while (c < colors.length){s = 2 + Math.round(Math.random() * 2);while (s--){shadow = '0 ' + h + 'em ' + -h + 'em ' + colors[c];textShadows.push(shadow);h -= hv;}c++;}$(this).css({color: colors[0], textShadow: textShadows.join(', ' )});}$(begin);function begin(){$('#mandra' ).ignite(gasFlame);}</script><style type="text/css">#mandra{font-size: 2em;line-height:2.50em;text-shadow:4px 2px 6px blue;color:#000;}
</style><div id="mandra">
text disini sunyinya malam lebih sunyi blog ini
</div>
Selamat mencoba ^_^
Posting Komentar - Back to Content