Home - Tips Trik - Efek Animasi Keyframes

Efek Animasi Keyframes

Label: Tips Trik |

Diposkan oleh Mr.X |

Posting Email |

Edit Post

Efek Animasi Keyframes !!

semacam kode untuk membuat efek animasi saat membuka blog, Menjadikan Tampilan Blog Kita Minjadi Tambah Keren

Cara :
-Login ke blogger
-Dashboard >> Posting >>
Untuk membuat css di Elemen Laman Kamu cuma harus memberi kode
<style type='text/css'>CODE CSS NYA</style>
<div id='ID CSS NYA'></div> dan bila Kamu membuatnya di Edit HTML tinggal mencari kode ]]></b:skin> dan letakan kode css nya diatas kode ]]></b:skin

@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 Sac
{
from{transform:translate(0px, 9000px)}
to{transform:translate(0px, 0px)}
}
@-moz-keyframes Sac
{
from{-moz-transform:translate(0px, 9000px)}
to{-moz-transform:translate(0px, 0px)}
}
@-webkit-keyframes XP Style
{
from{-webkit-transform:translate(0px, 9000px)}
to{-webkit-transform:translate(0px, 0px)}
}
#outer-wrapper{animation: myfirst 2s;-moz-animation: myfirst 2s;-webkit-animation: myfirst 2s;}
#main-wrapper{animation: myfirst 3s;-moz-animation: myfirst 3s;-webkit-animation: myfirst 3s;}
h1,h2,h3,#id css{animation: myfirst 4s;-moz-animation: myfirst 4s;-webkit-animation: myfirst 4s;
h1,h2,h3,.post img{animation: myfirst 4s;-moz-animation: myfirst 4s;-webkit-animation: myfirst 8s;}

-Tinggal Di Save
-Dan Lihat Hasilnya

^_^