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


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

0 Comments

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