cara membuat keyframe

Shinigami-XP - Asalamualaikum Wr. Wb , Shinigami-XP update lagi nih . So ,  sekarang saya akan share tutor blog yang dikasi ama temen saya Dode yaitu "Cara Memasang KeyFrame Pada Blog" , tentu sobat sudah melihat efek ketika sobat membuka blog saya kan ? itulah keyframe , gimana bagus ngga ?? ^^ , OK ngga usah basa-basi lagi , Cekibrooott !!

@-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)}} #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;} }

6. Save template
Semoga bermanfaat :D
Source : DodeZone

Artikel Terkait:

Sebarkan Artikel ini :