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