IKLAN
Halo kali ini admin mau post Cara membuat Awan Akatsuki Bergerak di Blog Jika ada yang belum mengerti bisa tanyakan pada saya :)
langsung aja ke TKPuntuk memasang pada blog kamu,pertama buka blogger=>template=>edit HTML
- tekan ctrl + f cari kode ini ]]></b:skin>
- lalu letakan CSS dibawah ini di atas kode ]]></b:skin>
CSS
#akatsuki{position: absolute;
z-index: 0;
width:100%;
margin-top: 0px;
height: 0px;}
.akatsuki {
width: 200px; height: 138px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPcTmJ7Vw7FdPpIS_miazV3SYYr1s-FLwN4lKzulgk2aljF4_ZNw8x5tV8ai9xq4J2fjVEaXwlDG5UbnhAI4kq2Vms4zrXEwRPdJtXUl8Shvyiqm5X9Ur5lTkPZGLa6SDxpN4a2wBysfo/s1600/Untitled-1.png") no-repeat top center;
position: relative;
}
.awanmerah1 {
-webkit-animation: moveclouds2 15s linear infinite;
-moz-animation: moveclouds2 15s linear infinite;
-o-animation: moveclouds2 15s linear infinite;
}
.awanmerah2 {
left: 200px;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
transform: scale(0.6);
opacity: 0.6;
-webkit-animation: moveclouds2 25s linear infinite;
-moz-animation: moveclouds2 25s linear infinite;
-o-animation: moveclouds2 25s linear infinite;
}
.awanmerah3 {
left: -250px; top: -200px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
-webkit-animation: moveclouds2 20s linear infinite;
-moz-animation: moveclouds2 20s linear infinite;
-o-animation: moveclouds2 20s linear infinite;
}
.awanmerah4 {
left: 470px; top: -250px;
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
transform: scale(0.75);
opacity: 0.75;
-webkit-animation: moveclouds2 18s linear infinite;
-moz-animation: moveclouds2 18s linear infinite;
-o-animation: moveclouds2 18s linear infinite;
}
.awanmerah5 {
left: -150px; top: -150px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
-webkit-animation: moveclouds2 20s linear infinite;
-moz-animation: moveclouds2 20s linear infinite;
-o-animation: moveclouds2 20s linear infinite;
}
@-webkit-keyframes moveclouds2 {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds2 {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds2 {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
} - Sedangkan Untuk HTMLnya kamu letakan kodenya di bawah code <body>
<div id='akatsuki'>
<div class='akatsuki awanmerah1'/><div class='akatsuki awanmerah2'/><div class='akatsuki awanmerah3'/><div class='akatsuki awanmerah4'/><div class='akatsuki awanmerah5'/></div>
Sumber : http://eca-ace.blogspot.com/2012/07/cara-membuat-awan-akatsuki-di-blog.html
IKLAN
4 komentar:
good men. visit eclipse-community.blogspot.com to get more information about software, game, cheat
manteep nih, saya coba ya..
salam kenal...
GM
ndak ada tuh ndak bisa kayaknya di blog ku sofyanuchiha12.blogspot.com
gan bagaimana caranya masih bingung
Posting Komentar