Latest Posts

Buka

Membuat Efek Tulisan Berdarah Dengan CSS

5/12/2012
6 Comments

Kita bisa membuat efek tulisan berdarah hanya dengan CSS saja. Efek ini cukup bagus untuk digunakan dalam konteks yang bertemakan horor pada sebuah blog. Akan tetapi, efek ini saya rasa kurang begitu realistis jika dibandingkan dengan yang dibuat dari photoshop misalnya. Tak salah juga kita mencobanya kan? :)

Kode HTML
<h1 class="tulisan-berdarah">Tulisan Berdarah</h1>

Kode CSS
h1{
    font-size:60px;
    padding:20px;
    text-align:center;
}
.tulisan-berdarah {
   color:silver;
   text-shadow:
   4px 4px 1px #300000,
   4px 6px 1px #400000,
   4px 8px 1px #500000,
   4px 10px 1px #600000,
   4px 12px 1px #700000,
   4px 14px 1px #800000,
   4px 16px 1px #900000,
   4px 18px 1px #A00000,
   4px 20px 1px #B00000,
   4px 22px 1px #C00000,
   4px 24px 1px #D00000,
   4px 26px 1px #E00000,
   4px 28px 1px #F00000,
   4px 30px 1px #FA0000,
   4px 32px 1px #FB0000,
   4px 34px 1px #FC0000,
   4px 36px 1px #FD0000,
   4px 38px 1px #FE0000,
   4px 40px 2px #FF0000;
}


Referensi : css-tricks.com

6 Comments

Waah terimakasih gan bisa membantu ...
sama-sama gan :)
Delete
Reply Delete
This comment has been removed by the author.
Delete
saya ga ngerti nih naro nya dimana. belom tau tentang CSS sih, mohon bantuannya :)
kode HTML taroh aja diantara tag <body> dan </body>

untuk blogger kode CSS taroh aja di atas kode ]]></b:skin>
Delete
Reply Delete
Annisa Febriani 23 January, 2013
Wahhh!!!!!!!!
Kayaknya efek ini cocok buat blog tempat download video horor nich...
Hontou Arigatou!!
Reply Delete

Post a Comment

Silakan tulis komentar atau pertanyaan kamu di sini. Komentar yang berbau spam, promosi dan sebagainya akan segera saya hapus. Terima kasih.

Cancel Reply