* Dibawah ini ada beberapa contoh bagaimana cara membuat teks shadows ikuti cara membuatnya sebagai berikut:
Contoh 1:
kode:
* Contoh 2:
kode:
* Contoh 3:
kode:
* Contoh 4:
kode:
Contoh 1:
Ini adalah contoh teks shadow
kode:
<div class="example">
<div style="background: none repeat scroll 0% 0% transparent; color: white; text-shadow: 0pt 0pt 24px rgb(204, 0, 0), 0pt 0pt 4px rgb(204, 0, 0), 1px 1px 2px rgb(51, 51, 51);">
Ini adalah contoh teks shadow
</div>
<div style="background: none repeat scroll 0% 0% transparent; color: white; text-shadow: 0pt 0pt 24px rgb(204, 0, 0), 0pt 0pt 4px rgb(204, 0, 0), 1px 1px 2px rgb(51, 51, 51);">
Ini adalah contoh teks shadow
</div>
* Contoh 2:
Ini adalah contoh teks shadow
kode:
<div class="example">
<code>text-shadow: 0 0 3px #F90;</code>
<p style="background: #FFF; color: #000; text-shadow: 0 0 3px #F90;">
Ini adalah contoh teks shadow
</div>
<code>text-shadow: 0 0 3px #F90;</code>
<p style="background: #FFF; color: #000; text-shadow: 0 0 3px #F90;">
Ini adalah contoh teks shadow
</div>
* Contoh 3:
Ini adalah contoh teks shadow
kode:
<div class="example">
<div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: #006699; text-shadow: 2px 2px 3px rgb(153, 153, 153);">
Ini adalah contoh teks shadow</div>
<div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: #006699; text-shadow: 2px 2px 3px rgb(153, 153, 153);">
Ini adalah contoh teks shadow</div>
* Contoh 4:
Ini adalah contoh teks shadow
kode:
<div class="example">
<div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: black; text-shadow: 2px 0pt 4px rgb(102, 0, 0), -2px 0pt 4px rgb(0, 0, 102);">
Ini adalah contoh teks shadow</div>
</div>
<div style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: black; text-shadow: 2px 0pt 4px rgb(102, 0, 0), -2px 0pt 4px rgb(0, 0, 102);">
Ini adalah contoh teks shadow</div>
</div>



0 komentar:
Posting Komentar