Cyber Jellyfish Team

Share And Give With Us

Membuat Animasi Efek Mengetik Teks Dengan CSS3|Baru

Tidak ada komentar
hai lama gak jumpa nih frendz maaf lagi sibuk susah bagi waktu lama juga kita gak ngeshare trik blog,dan kali ini kita akan ngeshare trik blog yang cukup unik,ANIMASI MENGETIK biasanya kit pakek JS untuk membuat seperti dibawah ini tapi sekarang kalian bisa membuat dengan CSS3 uye .





 Oke langsung aja ya caranya mudah banget kok ;),Ini Codingnya coy :

view source
print?
1.CJT-mengetik
2{
3    font-size: 22px;
4    width: 740px;
5    white-space:nowrap;
6    overflow:hidden;
7    -webkit-animation: ketik 5s steps(50, end);
8    animation: ketik 5s steps(50, end);
9}
10
11@keyframes ketik{
12        from { width: 0; }
13}
14
15@-webkit-keyframes ketik{
16        from { width: 0; }
17}
HTML:
Oke fix woles,hahaha silakan mencoba ^^.

Tidak ada komentar :

Posting Komentar

Langganan: Posting Komentar ( Atom )