Text-Shadow Dengan Efek Hover

Text-shadow dengan efek hoverLangsung aja Sekarang mari kita mulai pembahasan CSS3 Text-shadow dengan efek hover
silahkan arahkan kursor ke kalimat di bawah:


Proklamasi
Kami bangsa Indonesia dengan ini menjatakan kemerdekaan Indonesia.
Hal-hal jang mengenai pemindahan kekoeasaan d.l.l., diselenggarakan
dengan tjara seksama dan dalam tempo jang sesingkat-singkatnja.
Djakarta, hari 17 boelan 8 tahoen 05
Atas nama bangsa Indonesia.


Soekarno/Hatta



untuk membuatnya silahkan copy kode berikut


<style type="text/css">
#DM{margin:0 auto;padding:5px;text-align:center;}.polo_box {width:280px;height:200px;background:none;}#ease.polo_box {
-webkit-transition: all 4s ease-in;-moz-transition: all 4s ease-in;-o-transition: all 4s ease-in;-webkit-transition: all 4s ease-in;transition: all 4s ease-in;}#DM:hover .polo_box, #DM.hover_effect .polo_box {text-shadow: 0 0 10px lime;color:lime;-moz-transform:scale(2.2);-webkit-transform:scale(2.2);-webkit-transition-duration: 3s;}
</style>
<div id="DM">
<div class="polo_box" id="DM">
<div class="center">
Proklamasi
Kami bangsa Indonesia dengan ini menjatakan kemerdekaan Indonesia.
Hal-hal jang mengenai pemindahan kekoeasaan d.l.l., diselenggarakan
dengan tjara seksama dan dalam tempo jang sesingkat-singkatnja.
Djakarta, hari 17 boelan 8 tahoen 05
Atas nama bangsa Indonesia.

Soekarno/Hatta</div>
</div>
</div>


Bagikan Artikel Ini ke: Facebook Twitter Google+ Linkedin Technorati Digg
Posted by Yuk Tawa, Published at 02.13 and have 16 komentar

16 komentar:

  1. wakakak, ngambil dari pandet-pandet :D

    BalasHapus
  2. Bisa buat gambar juga ya gan? hmmm nice \o/

    BalasHapus
    Balasan
    1. kalo gambar kan dah ada efek transisinya kang

      Hapus
  3. wkwkwkwk. Keren gan !! tapi, Proklamasi sbagai contoh nya?? wah.. sipp dah, ambil dulu ah codenya. sp tau perlu. makasih gan !

    Blogwalking..

    BalasHapus
  4. . . keren,, ijin nyoba ach. he..86x . .

    BalasHapus
  5. Cara pasang emoticon gimana mas jasri

    BalasHapus