Selasa, 18 September 2012

Membuat Efek Keyframe Pada Blog

sudah lama Hengkang dari Adam-xp yang Sibuk Ngurusin Blog Personal Saya yaitu @ MassAdaw sekarang Adam-xp Akan memosting Postingan Perdananya Yaitu Bagai Mana cara MEmbuat Efek Keyfrrame Seperti Efek yang ada blog ini ,, ini caranya cekidoot :D
  1. buka Blog anda Di Blogger
  2. Lalu Buka Rancangan 
  3. klik Edit HTML 
  4. lalu klik tanda ceklis pada Expand Template
  5. lalu cari ]]</b:skin>
  6. lalu masukkan kode di bawah ini tepat diatasnya
@keyframes myfirst
{
from{opacity:0;}
to{opacity:10;}
}
@-moz-keyframes myfirst
{
from{opacity:0;}
to{opacity:10;}
}
@-webkit-keyframes myfirst
{
from{opacity:0;}
to{opacity:10;}
}
@keyframes
{
from{transform:translate(0px, 9000px)}
to{transform:translate(0px, 0px)}
}
@-moz-keyframes
{
from{-moz-transform:translate(0px, 9000px)}
to{-moz-transform:translate(0px, 0px)}
}
@-webkit-keyframes
{
from{-webkit-transform:translate(0px, 9000px)}
to{-webkit-transform:translate(0px, 0px)}
}
#gantiini {animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;}

ganti kode yang berwarna kuning menjadi Css yang anda ingin memberi Efek,,
contoh : jika anda ingin membuat pada #outer-wrapper 

 lalu ganti  kode yang kuning tadi menjadi  kode #outer-wrapper

gimana ?? udah ngerti ??
kalau belum kami siap kok untuk menjawabnyaa
 semoga suksesss 

Tidak ada komentar:

Posting Komentar

Terimakasih Telah Mengujungi Blog Saya ^^ ,, Silahkan Berkomentar Apa Saja Asalkan SOPAN :D