Beberapa CSS keren yang dapat kamu pasang di blog kamu

dibawah ini ada 11 macam effect CSS yang bisa kamu gunakan pada blog kamu untuk menambah effect pada text di blog atau pada link, judul postingan.

tinggal kamu pilih

<tbody>
<tr>
<td>
<div class="example">
<p id="rgb" style="background: none repeat scroll 0% 0% rgb(0, 0, 0); color: rgb(254, 255, 255); text-shadow: 5px -4px 4px rgb(51, 51, 255), 1px 6px 4px rgb(255, 0, 0), -6px -2px 4px rgb(0, 255, 0);">
contoh text effect css keren 1
</p>
</div>
</td>
</tr>

<tr>
<td>
<div class="example">
<p id="fire" style="background: none repeat scroll 0% 0% rgb(0, 0, 0); color: rgb(51, 50, 50); text-shadow: 0px -1px 2px rgb(255, 255, 0), 0px -3px 3px rgb(255, 204, 0), -2px -5px 4px rgb(255, 153, 0), 2px -7px 5px rgb(255, 102, 0), 4px -9px 6px rgb(255, 51, 0), 3px -11px 7px rgb(255, 0, 0);">contoh text effect css keren 2
</p>
</div>
</td>
</tr>

<tr>
<td>
<div class="example">
<p id="rgb" style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(204, 204, 204); text-shadow: 0pt 0pt 8px rgb(0, 0, 0);">contoh text effect css keren 3
</p>
</div>
</td>
</tr>

<tr>
<td>
<div class="example">
<p id="fire" style="background: none repeat scroll 0% 0% rgb(0, 0, 0); color: rgb(0, 0, 0); text-shadow: 0pt 0pt 11px rgb(255, 255, 102);">contoh text effect css keren 4
</p>
</div>
</td>
</tr>

<tr>
<td>
<div class="example">
<p id="fire" style="background: none repeat scroll 0% 0% rgb(0, 0, 0); color: rgb(0, 255, 0); text-shadow: 0pt 0pt 11px rgb(0, 255, 0);">contoh text effect css keren 5
</p>
</div>
</td>
</tr>

<tr>
<td>
<div class="example">
<p id="fire" style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(255, 255, 255); text-shadow: 0pt 0pt 24px rgb(204, 0, 0), 0pt 0pt 4px rgb(204, 0, 0), 1px 1px 2px rgb(51, 51, 51);">contoh text effect css keren 6
</p>
</div>
</td>
</tr>

<tr>
<td>
<div class="example">
<p id="fire" style="background: none repeat scroll 0% 0% rgb(204, 204, 204); color: rgb(204, 204, 204); text-shadow: -1px -1px rgb(102, 102, 102), 1px 1px rgb(255, 255, 255);">contoh text effect css keren 7
</p>
</div>
</td>
</tr>

<tr>
<td>
<div class="example">
<p id="fire" style="background: none repeat scroll 0% 0% rgb(153, 153, 153); color: rgb(153, 153, 153); text-shadow: 1px 1px 3px rgb(102, 102, 102), -1px -1px 3px rgb(255, 255, 255), 1px 1px rgb(102, 102, 102), -1px -1px rgb(255, 255, 255);">contoh text effect css keren 8
</p>
</div>
</td>
</tr>

<tr>
<td>
<div class="example">
<p id="fire" style="background: none repeat scroll 0% 0% rgb(221, 221, 221); color: rgb(238, 238, 238); text-shadow: 0pt -1px rgb(0, 0, 0), 1px 0pt rgb(0, 0, 0), 0pt 1px rgb(0, 0, 0), -1px 0pt rgb(0, 0, 0);">contoh text effect css keren 9
</p>
</div>
</td>
</tr>

<tr>
<td>
<div class="example">
<p id="fire" style="background: none repeat scroll 0% 0% rgb(0, 0, 0); color: rgb(255, 255, 255); text-shadow: 0pt 0pt 5px rgb(255, 255, 0);">contoh text effect css keren 10
</p>
</div>
</td>
</tr>

<tr>
<td>
<div class="example">
<p id="fire" style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(0, 0, 0); text-shadow: 2px 0pt 4px rgb(102, 0, 0), -2px 0pt 4px rgb(0, 0, 102);">contoh text effect css keren 11
</p>
</div>
</td>
</tr>

</tbody>

NOTE:

Effect diatas dapat kamu masukkan pada code

a:hover{code cssnya disini}
a:link{code cssnya disini}
atau
a:visited{code cssnyadisini}

ex:
a:hover{code background: none repeat scroll 0% 0% rgb(221, 221, 221); color: rgb(238, 238, 238); text-shadow: 0pt -1px rgb(0, 0, 0), 1px 0pt rgb(0, 0, 0), 0pt 1px rgb(0, 0, 0), -1px 0pt rgb(0, 0, 0);}

untuk yang sederhana
ex:

a:hover{text-shadow:0 0 10px #FFF;color:#000}

code ini akan berfungsi pada saat kita menyorot link
dan seterusnya Silahkan mencoba semoga bermanfaat...! (^_^)

About Budi Setiawan

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.