Membuat CSS Lingkaran Berputar

Diposting oleh ™Aldi Gakure™ - 8 Bacotan

Oke kali ini saya akan share cara membuat css lingkaran berputar seperti yg ada pada blog saya ini...
caranya mudah kok...
Langsung aja kita masuk ke acara initinya yokkk... :D

1.Cari kode ]]><b:skin pada EDIT HTML
2.Copy kode dibawah ini , lalu pastekan di atas kode ]]><b:skin :

.EXputer{margin-top:-300px; margin-right:300px; width:98px; height:98px; float:right; font-size:14px; text-align:center; text-shadow:0 1px 1px black}
.EX1{background-color:rgba(0,0,0,0); border:25px solid #7CFC00; opacity:.9; border-left:5px solid rgba(0,0,0,0); border-right:5px solid rgba(0,0,0,0); box-shadow: 0px 4px 14px solid black; 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);} }

-Ganti teks berwarna Hijau dengan warna yang kamu mau.

3.Cari kode menu kalian masing2 , contoh nya <div class='navijohanes'>. bisa juga cari kode yang lain asal jangan error...

4.Copy kode dibawah ini , dan pastekan di atas kode <div class='navijohanes'> / di atas kode kamu yang lain :