Cara membuat CSS Mutar Muter

tau kan CSS putar putar ? lait gambar diatas , yang putih tuh kaya tanda kurung nanti dia putar putar , kaya baling baling bambu :v , ini dari kawan gw Dozi namnya , gausah basa basi , lansung saja

• Login ke blog kamu
• Cari kode ini ]]><b:skin
• Masukkan kode dibawah ini , paste kan di atas kode ]]><b:skin

.KTputer{margin-top:-300px; margin-right:240px; width:98px; height:98px; float:right; font-size:14px; text-align:center; text-shadow:0 1px 1px black} .KT1{background-color:rgba(0,0,0,0); border:25px solid #fff; opacity:.9; border-left:5px solid rgba(0,0,0,0); border-right:5px solid rgba(0,0,0,0); border-radius:190px; width:200px; height:200px; margin:0 auto; position:relative; top:-70px; -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear} @-moz-keyframes spin2Pulse{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} } @-webkit-keyframes spin2Pulse{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }

• Cari kode menu klian , misal : <div id='navijohannes'>

(Jika kamu taruh di atas kode tadi,maka css putar2 nya akan muncul di atas menu kalian) jika mau munculin putar2 nya di tempat lain,bisa kamu taruh dimana aja, letak nya dimana ) asalkan tidak error

• Masukkan kode HTML dbwah ini diatas kode tadi (dmana aja bsa , asalkan gak EROR)

<div class='KTputer'>
<div class=KT1/>
</div>

nah gmna ?? udah tau kan ?


Source