TEXT EFFECT WITH CSS


Mungkin salah satu diantara teman-teman pernah melihat tulisan menggunakan Efek Glow seperti berikut CSS Style | CSS tips | artikel css | tips-trik css | Glow Effect |efek glow | Blog design. Nah sebetulnya untuk membuat tulisan seperti ini bisa saja kita menngunkan editor seperti Photoshop, Fireworks dsb. Namun pada kali ini saya membahas pembuatan efek tulisa Glow menggunakan CSS. Adapun langkah untuk membuat tulisan dengan efek glow adalah sbb :



  • Copy kode dibawah ini, kemudian letakkan sebelum kode <head> pada template blog anda.


<style type="text/css">

<!--

.table {

filter: Glow(Color=#00FF00, Strength=4);

}

.tulisan {

font-family: Geneva, Arial, Helvetica, sans-serif;

font-size: 18px;

color: #000000;

font-weight: bold;

}

-->

</style>



  • Kemudian letakkan kode berikut diantara Tag <body></body> pada template


<table class="table">

<tr>

<td class="tulisan">Tulisan ini menggunakan efek &quot;GLOW&quot; </td>

</tr>

</table>



  • Langkah selanjutnya coba preview hasilnya.


C..U............

No comments:

Post a Comment

Copyright © TheTop World News - Blogger Theme by BloggerThemes | Blogger Templates | newwpthemes - Sponsored by LA ODE