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.




Lihat Contohnya

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...! (^_^)








Share on Google Plus

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.
    Blogger Comment
    Facebook Comment

8 comments :

  1. haha! singkatnya gini gan (o)

    itu untuk merubah font jadi memiliki effect seperti bayangan,cahaya dll, jadi code css ditatas kamu bisa pasang dimana saja, kalau ingin semua text yang ada di blog dirubah pasang di body
    ini bentuk standar code body yg ada di blog
    ex:
    body{
    font-family:arial;
    font-size:12px;
    text-shadow:0 0 10px #FFF;color:#000
    }

    semoga berhasil :))

    ReplyDelete
  2. tampilan menu di sebelah kiri nya Keren bro, gimana caranya :3

    ReplyDelete
  3. nice http://www.blog.diversan.xyz

    ReplyDelete

TINGGALKAN KOMENTAR SOBAT SEBELUM BERANJAK DARI BLOG INI