image01
Uzumaki Naruto

Sage Mode

Naruto VS Sasuke

Siapa yang Terkuat?

Uchiha Sasuke

Mangekyou Sharingan

About

Sharingan 3 - Naruto
Jumat, 15 Februari 2013

membuat css lingkaran berputar

0 komentar
 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 :


<div class='EXputer'><div class='EX1'/></div>


5.Save / Simpan Template

Gimana? berhasilkan?
Selamat Mencoba :D

Leave a Reply

My Blog List

Total Pageviews

Blogroll

Labels

Blogger templates

Blogger news

Iklan

Diberdayakan oleh Blogger.

Labels

Labels

Translate

Popular Posts

pencarian