Efek system
-moz-animation:System 5s; -webkit-animation:System 5s; } @-webkit-keyframes System{from{-webkit-transform:translate(0px,1000px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1} } @-moz-keyframes System{from{-moz-transform:translate(0px,1000px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1} }Efek Skyin
-webkit-animation:Skyin 4s; -moz-animation:Skyin 4s; } @-webkit-keyframes Skyin{from{-webkit-transform:translate(0px,-1000px)}to{-webkit-transform:translate(0px,0px)} } @-moz-keyframes Skyin{from{-moz-transform:translate(0px,-1000px)}to{-moz-transform:translate(0px,0px)} }Efek System_bar
-webkit-animation:System_Bar 4s; -moz-animation:System_Bar 4s; } @-webkit-keyframes System_Bar{from{-webkit-transform:translate(-1000px,0px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1} } @-moz-keyframes System_Bar{from{-moz-transform:translate(-1000px,0px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1} }Fade In
-webkit-animation:fadein 6s; -moz-animation:fadein 6s; -ms-animation:fadein 6s; -o-animation:fadein 6s; animation:fadein 6s;
Belum ada demo
Pemasangan
Letakkan di bawah elemen, contoh saya meletakkan efek System di elemen #main-wrappar akan seperti#main-wrapper { -moz-animation:System 5s; -webkit-animation:System 5s; } @-webkit-keyframes System{from{-webkit-transform:translate(0px,1000px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1} } @-moz-keyframes System{from{-moz-transform:translate(0px,1000px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1} }
http://topsmedia.blogspot.com/
http://om-ivan.com
http://om-ivan.com
44 comments
:frustasi: sumpah saya gak ngerti , udah di coba gak bisa bisa
3 April 2014 at 06:51wah mantep nih..
3 April 2014 at 07:11tapi efek nya kurang banyak gan :D
Hehehe... gagal dimananya?
3 April 2014 at 14:16Baru nemu segitu, mas. heheh --,
3 April 2014 at 14:17wih mirip yang ada di blog gue ya :D wkwk
3 April 2014 at 16:35ini yang saya cari dari kemarin,,,
3 April 2014 at 16:36Efek loading blog,,,
terima kasih bang, :-bd
Hehehe... ini tutorial zaman dulu, mas :) saya juga pernah lihat di Ridwan juga.
3 April 2014 at 16:37sebenernya ini tutorial berasal dari topsmedia.blogspot.com :]
3 April 2014 at 16:38Kalau masalah itu saya kurang tahu, soalnya saya ambil dari sebuah template :D
3 April 2014 at 16:41kasih sourcenya gih,itung itung hargai yg nulis :]
3 April 2014 at 16:42hehehe.. iya, sebenernya udah di beri source, cuman blm muncul soalnya saya beri CSS, dan CSSnya blm selesai --,
3 April 2014 at 16:44Sama-sama, senang bisa berbagi :-d
4 April 2014 at 00:37Gak ngertinya gimana mas ? hehe
4 April 2014 at 16:46Saya tadi juga gitu, ternyata jadi tahu apa yang dimaksudkan :D
Mungkin saya salah pasang Judul --,
4 April 2014 at 16:48Bukannya gitu mas, karena tidak ada penjelasannya hehe
4 April 2014 at 16:52Heheh.. bingun gimana ngejelasinnya --,
4 April 2014 at 17:55Tapi keren kok :-bd
5 April 2014 at 09:17Keren Gan izin coba
5 April 2014 at 13:56Silahkan, gan. Semoga berhasil :-d
5 April 2014 at 14:07wah, Keren ijin Sedot Mas
5 April 2014 at 14:37Back : sandaizer.blogspot.com
Ane coba dulu gan, thanks before
5 April 2014 at 14:42Izin download gan :D
5 April 2014 at 14:43Kok download?
5 April 2014 at 14:48Silahkan gan :D
5 April 2014 at 15:35wih efek keyframe ternyata kirain system apaan ? =D
5 April 2014 at 16:21Hihi.. kelihatannya saya salah pasang Judul --,
5 April 2014 at 16:32keren juga efeknya, coba dulu
6 April 2014 at 02:31Silahkan gan, semoga berhasil :)
6 April 2014 at 04:06Thanks mas =D
6 April 2014 at 06:48wah makin banyak aja nih :D
6 April 2014 at 07:07bikin blog jadi berat ga mas?
6 April 2014 at 07:08Mantep neh buat mempercantik blog ane
6 April 2014 at 07:08mantep mastah
ijin nyomot ya
ane juga gk ngerti gan =(
6 April 2014 at 07:14Langsung praktel aja, biar tahu efeknya :)
6 April 2014 at 07:25Saya rasa enggak ngaruh, solanya CSS cuma sedikit ;)
6 April 2014 at 07:28wah nice info gan :D
6 April 2014 at 08:11Terimakasih sudah berkunjung :-d
6 April 2014 at 18:14bagus kang :-)
7 April 2014 at 04:50tapi berat nggak ya kang?
wahhh kerenn nih mas, kayaknya cocok buat blog saya izin coba ya mas semoga saya berhasil
7 April 2014 at 05:16Terimakasih sudah berkunjung mas :D
7 April 2014 at 05:34Nggak sob :D
7 April 2014 at 05:36Keren juga ya sob, bisa saya cobaa :)
7 April 2014 at 10:03Semoga berhasil gan =D
7 April 2014 at 17:49keren tuh, izin nyoba sobb..
8 April 2014 at 15:45Don't give us spam and active link.