Membuat Efek Letter Press Dengan CSS

Kalau dulu saya pernah menulis tentang "Membuat Efek Letter Press Dengan Photoshop", kali ini kita bikin menggunakan CSS. Seperti konsep sebelumnya, efek letter press ini bisa kita buat dengan menambahkan warna putih dibagian bawah tulisan dan dengan warna tulisan lebih gelap daripada warna backgroundnya.

Oke, langsung saja kita buat. Kita akan menggunkan CSS text-shadow, secara lengkap ditulis seperti ini :

CSS

text-shadow: 0px 1px 0px #ffffff;

Penjelasannya

0px yang berwarna merah merupakan ukuran jarak sumbu horizontal
1px yang berwarna biru merupakan ukuran jarak sumbu vertikal
0px yang berwarna hijau merupakan tingkat blur
#ffffff merupakan warna bayangan

DEMO

Kamu bisa mencoba sendiri secara langsung di sini atau di sini. Sekian, terima kasih :)