Simple CSS Trik - Embossing Text CSS

Membuat efek text umumnya dilakukan pada object text gambar, baik itu menggunakan program image editor Adobe Photoshop, Adobe Illustrator maupun menggunakan software image editor lainnya. Namun pada posting kali ini saya akan mencoba membuat embossing text effect menggunakan simple css trik.Terdapat dua opsi yang dapat digunakan untuk membuat emboss text effect, pertama efek teks timbul dan kedua efek teks tenggelam.Pertama membuat text effect tenggelam. Ilustrasi; background text berwarna abu-abu (silver/#666), warna text hitam. Pertama buat dahulu...

Selengkapnya

Rollover Image CSS - Hemat Space & Bandwidth

Umumnya rollover image (gambar rollover) CSS biasa menggunakan 2 gambar terpisah atau 2 gambar pada satu file image.Jika menggunakan dua gambar terpisah, contohnya seperti berikut. Pertama harus ada dua gambar yang akan dijadikan objek rollover image (contoh: logo Facebook). Terdapat 2 gambar, pada gambar di bawah masing-masing gambar normal dan rollover / hover mouse.Gambar NormalGambar HoverCSS yang dipakai adalah seperti di bawah ini:[css].fbDua { width:125px; height:125px; margin:20px auto;}.fbDua...

Selengkapnya