CSS Transform Text Shadow

Print this page
 <div style="color: black; font-family: Kristen ITC; font-size: 20px; text-align: center; text-shadow: 0 0 4px #ccc, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -18px 18px #f20;">TEKS SOBAT DISINI</div>

Lihat hasilnya seperti di bawah ini :

TEKS ANDA DISINI

<div style="color: #b45f04; font-family: Matura MT Script Capitals; text-shadow: 4px 4px 4px #FF0000;">TEKS SOBAT DISINI</div>

 

Lihat hasilnya seperti di bawah ini :

TEKS SOBAT DISINI

<style type="text/css">
.binkbenks:hover{transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg);color: #000;
-moz-border-radius: 10px 10px 10px 10px; background: -moz-linear-gradient(center top, #9f9f9f, #686868 25%, #2a2a2a 45%, #686868 85%, #9f9f9f); background: -webkit-gradient(linear, center top, center bottom, from(#9f9f9f), color-stop(25%, #686868), color-stop(45%, #2a2a2a), color-stop(85%, #686868), to(#9f9f9f)); border-color: red; border-style: inset; border-width: 2px 4px;
text-shadow: 0 0 4px #ccc, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -18px 18px #f20;font-size: 36px;font-family:Kristen ITC;}
</style>
<div class="binkbenks">LETAKKAN ARTIKEL ATAU TEKSNYA DISINI SOBAT</div>

Lihat Hasilnya seperti berikut :

LETAKKAN TEKSNYA DISINI

Artikel Terkait