BUTTON & MARQUEE WITH SHADOW EFFECT CSS3

Lelah sekali rasanya akhir-akhir ini untuk blogging setelah menguras otak untuk mengeluarkan inspirasi dan imajinasi saya dalam ngoprek-ngoprek css yang memang menjadi kesenangan saya saat ini, belum lagi project blogazine yang masih bersih alias masih jauh dari kata selesai. Ohh sungguh menyedihkan.. haha lebay :P

Flashback kepostingan sebelumnya tentang PENGGABUNGAN/PENULISAN SCRIPT CSS DENGAN HTML UNTUK POSTING ternyata banyak sobat yang sepertinya berminat dengan pembahasan css ini dan membuat saya jadi kecanduan ingin terus membahasnya.
Ok sebelum kita loncat ketopik utamanya, saya akan memberikan contoh untuk penulisan script sederhana untuk shadow effect :
Text-shadow: 0 0 10px #000000; --> ini untuk teks
Box-shadow: 5px 5px 5px #000000; --> ini untuk kotak

Untuk Button dengan effect shadow, hasilnya akan seperti ini :

TEKAN

<style type="text/css">
#Lontong {
background: #fff;
padding: 5px;
border: 2px hidden #bbb;
border-radius: 20px 5px 20px 5px;
box-shadow: 5px 5px 5px #0071C1;
width: 125px;
height: 25px;
opacity: 0.6;
}

#Lontong:hover {
background: #fff;
box-shadow: 0 0 10px #0071C1;
opacity: 1;
}

#Lontong a {
margin: 20px;
font-size: 24px;
text-transform: uppercase;
}
</style>

<div id="Lontong" style="text-align: center;">
<a href="http://se-avancee.blogspot.com/" target="_blank">TEKAN</a></div>

Kalau sobat perhatikan script diatas tidak jauh berbeda dengan postingan sebelumnya,, hanya diedit sedikit-sedikit saja.. ini menunjukan bahwa bermain css tidak sesulit yang kelihatannya.
Untuk sobat yang kemarin request marquee dengan effect menyala, mohon maaf saya gabungan di postingan ini juga..

Marquee Dengan Effect Text-Shadow

<style type="text/css">
#Combrow {
padding: 5px;
border: 2px solid #bbb;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 20px #FFCC00;
}

#Combrow:hover {
box-shadow: 0 0 20px #0055CC;
text-shadow: 0 0 10px #ff0000;
}

#Combrow a {
color: #ffffff;
font-weight: bold;
text-shadow: 0 0 10px #ff0000;
}
</style>

<div id="Combrow">
<marquee><a href="http://se-avancee.blogspot.com/">Marquee Dengan Effect Text-Shadow</a></marquee></div>

Ok saya rasa cukup segitu untuk pembahasan dasar tentang shadow effect, selebihnya tinggal sobat tangkap sendiri logika nya :p dan seperti biasa, jika ada yang pertanyaan atau ada yang mau menambahkan silahkan salurkan pada komentar dibawah ini. Selamat berkreasi