Yosh..Semestinya udah pada tau tentang CSS ini..tpi gk ppa lah di share lgi...
Seperti Ini CSSnya
Tapi yang Diatas Cuma GIFnya :v
Untuk CSS Asli Ikuti langkah Dibawah yah...
Langsung Saja Langkah2nya :
- Masuk Template
- Cari Kata /b:skin
- Pastekan Kode Dibawah Ini Diatasnya
.kotaka{z-index:99999; margin-top:0px; margin-left:0px; position:absolute; -webkit-border-radius:0px; -moz-border-radius:0px; border-bottom:3px solid #004f99; border-left:3px solid #004f99; border-right:3px solid #004f99; width:35px; height:50px; border-radius:0px 0px 25px 25px; background:black;-moz-animation:goyang4 0.8s infinite;
-webkit-animation:goyang4 0.8s infinite;-o-animation:goyang4 0.8s infinite;}
@-moz-keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
@-webkit-keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
@-o-keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
@keyframes goyang4{
0% {0px;}
50% {height:75px;}
100% {height:50px;}}
- Simpan
- Kemudian Lari Ke Tata Letak > Tambahkan gadget > HTML / Javascript
- Masukan Kode Dibawah Ini
<div class='kotaka'></div>
CSS Diatas Hanya Untuk 1 Kotak Goyang2...Untuk Membuat Lebih Dari 1 Kotak..Pastekan Lagi CSS Dan Kode Pemanggil Tapi Nama [ kotaka ] Diganti [kotakb , kotakc, kotakd dst] kemudian Ubah Juga Margin Leftnya Saja
Title : Membuat CSS Kotak Goyang2
Description : Yosh..Semestinya udah pada tau tentang CSS ini..tpi gk ppa lah di share lgi... Seperti Ini CSSnya Tapi yang Diatas Cuma GIFnya :v...
