»
»
»Tulisan Efek Shadow / Efek Timbul

Tulisan Efek Shadow / Efek Timbul


Andilangodang – Tulisan Efek Shadow / Efek Timbul

kali ini saya ingin berbagi seputar efek lagi. Jika pada post sebelumnya tentang efek sahadow pada template blog, maka pada post ini adalah bikin efek shadow pada text sebuah blog.

 Nah silahkan copy paste kode tulisan berikut:

untuk background anda dapat mengubah pada tulisan background di Script dibawah.


ini codenya :
1.
<style type="text/css">
.shadow11{
box-shadow: 7px 7px #818181;
-webkit-box-shadow: 7px 7px #818181;
-moz-box-shadow: 7px 7px #818181;
}
</style>
<div class="shadow11" style="width:330px; height:50px; padding:5px; background:#00378A;
border: 1px solid black;">Andilangodang Blog</div>

Ini hasilnya :


Andilangodang Blog


2.
Ini codenya :

<style type="text/css">
.shadow1{
box-shadow: 7px 7px 8px #818181;
-webkit-box-shadow: 7px 7px 8px #818181;
-moz-box-shadow: 7px 7px 8px #818181;
}
</style>
<div class="shadow1" style="width:330px; height:50px; padding:5px; background:#00378A;
border: 1px solid black;">Andilangodang Blog</div>

ini hasilnya :



Andilangodang Blog

3.
Ini codenya :

<style type="text/css">
.shadow4{
box-shadow: -7px -7px 8px #818181;
-webkit-box-shadow: -7px -7px 8px #818181;
-moz-box-shadow: -7px -7px 8px #818181;
}
</style>
<div class="shadow4" style="width:330px; height:50px; padding:5px; background:#00378A; border: 1px solid black;">Andilangodang Blog</div>


ini hasilnya :


Andilangodang Blog


4.
ini codenya :
<style type="text/css">
.shadow2{
box-shadow: 7px 7px 8px #818181;
-webkit-box-shadow: 7px 7px 8px #818181;
-moz-box-shadow: 7px 7px 8px #818181;
}
</style>
<div class="shadow2" style="width:330px; height:150px; padding:5px; background:#00378A;
border: 1px solid black;">
<center>
<span style="color: #ffffff; font-size: 22px"><span style="font-family: Goudy Stout,sans-
serif;">Andilangodang Blog</span></span>
</center>
</div>

ini hasilnya :






Andilangodang Blog



Artikel "Tulisan Efek Shadow / Efek Timbul" Di Posting oleh: Dewi dari Blog Berita Online, dalam kategori BloggerBlogger Pemula. Melalui permalink http://dewi-fortune.blogspot.com/2012/04/tulisan-efek-shadow-efek-timbul.html. Rating: 1010 Voting: 97,687, Tanggal Senin, 02 April 2012, pukul 06.35. Anda dapat melihat tulisan menarik yang lainnya di bawah ini :

Tinggalkan Komentar :

 
Is Hosted by Blogger