Judul : Membuat Animasi Efek Mengetik Dengan CSS Dan Jquery
link : Membuat Animasi Efek Mengetik Dengan CSS Dan Jquery
Membuat Animasi Efek Mengetik Dengan CSS Dan Jquery
Membuat Animasi Efek Mengetik Dengan CSS Dan Jquery
Juragan Coding - halo para web designer kali ini juragan coding akan memberikan tutorial membuat animasi efek mengetik dengan CSS dan jquery, efek ini sering kita lihat di website yang terkena deface oleh para hacker, nah bagaimana cara membuat nya silahkan simak di bawah iniHTML
<p class="css-typing">saya <span data-typer-targets="chandra hamdani,owner juragan coding,hanya newbie"></span></p>
CSS
.css-typing
{
width: 30em;
white-space:nowrap;
overflow:hidden;
-webkit-animation: type 5s steps(50, end);
animation: type 5s steps(50, end);
font-size: 44px;
}
@keyframes type{
from { width: 0; }
}
@-webkit-keyframes type{
from { width: 0; }
}
Jquery
/* =================================
TYPING EFFECT
=================================== */
(function($) {
"use strict";
$('[data-typer-targets]').typer();
$.typer.options.clearOnHighlight=false;
})(jQuery);
// http://cosmos.layervault.com/typer-js.html
// http://www.paulund.co.uk/create-typing-effect
// http://www.mattboldt.com/demos/typed-js/
Silahkan teman-teman copy sintaks di atas kedalam editor web sobat, dan lihat hasil nya akan seperti di bawah ini
Demikianlah Artikel Membuat Animasi Efek Mengetik Dengan CSS Dan Jquery
Sekianlah artikel Membuat Animasi Efek Mengetik Dengan CSS Dan Jquery kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Membuat Animasi Efek Mengetik Dengan CSS Dan Jquery dengan alamat link https://jendeladuniainternet.blogspot.com/2016/01/membuat-animasi-efek-mengetik-dengan.html
0 Response to "Membuat Animasi Efek Mengetik Dengan CSS Dan Jquery"
Posting Komentar