CSS Membuat Text 3D

CSS Membuat Text 3D - Text 3D tentunya akan membuat lebih indah text yang kita tampilkan di postingan. Seperti yang ada pada contoh dibawah, 3 dimensi akan memberikan efek yang lebih kompleks dalam text yang kita buat dalam postingan. Silahkan kamu edit angka di script CSS untuk mengganti ukurannya dan edit code warna untuk merubah warna fontnya.

Berikut ini contohnya :

TEXT FILEST

Script CSS 3D :

.textfilest {
  font: bold 80px/1 arial;
  text-transform: uppercase;
  color: #c69c1e;
  text-shadow: 0  2px  0   #8b6e15,
               0  4px  0   #7c6213,
               0  6px  0   #6e5611, 
               0  8px  0   #5f4b0e, 
               0 10px  0   #503f0c,
               0 12px  0   #41330a,
              3px 8px 15px rgba(0,0,0,0.1),
              3px 8px  5px rgba(0,0,0,0.3);
}

 TEXT FILEST

Script CSS 3D variasi :

.textfilestx {
  font: bold 80px/1 arial;
  text-transform: uppercase;
  color: #c69c1e;
  text-shadow: 0 12px 0 #41330a;
}

Sampai disini dulu tutorial tentang CSS 3D. Saatnya tidur. -_-

Dukung saya di Contest Blog " HMPS TI Unikama dan Kampus Multikultural " dengan memberi komentar di artikel saya, thanks.