Cara Membuat Efex Text Shadow Keren Dengan CSS

Cara membuat efex text shadow dengan css sebenarnya tidak terlalu sulit. karena untuk membuat tulisannya, sobat bisa bermain main dengan CSS TEXT SHADOW.semua pengaturan,sobat bisa mengatur nilai value dari text shadow, sehingga sumbu (y) dan (x) dapat sobat bentuk dan sesuaikan dengan keinginan sobat. pada artikel sebelumnya saya pernah membahas cara membuat efek bayangan box shadow dengan css. namun pada postingan kali ini saya akan menjelaskan cara membuat efek text/tulisan shadow dengan CSS. 

Oke, di bawah ini ada beberapa contoh model text shadow beserta kode css-nya, silahkan sobat kreasikan sesuai dengan keinginan sobat :

    BulshitMan

color: #000; 
background: #fff; 
text-shadow: -1px -3px 1px #7FFF00;

    BulshitMan

color: #000; 
background: #fff; 
text-shadow: 0 0 6px #ff0000;

    BulshitMan

color: #fff; 
background: #fff; 
text-shadow:
   1px 0px 0px #fff,
   -1px 0px 0px #fff,
   0px 1px 0px #fff,
   0px -1px 0px #fff,
   1px 1px 5px #000;

    BulshitMan

color:#3333ff;
background:#3366cc;
 text-shadow:
   -1px -1px 1px #6600CC,
   -1px -1px 3px #6633CC,
   1px 1px 1px #6600FF,
   1px 1px 3px #6633FF,
   1px -1px 1px #99C7FF,
   -1px 1px 1px #86BCFF;

    IBulshitMan

background: #000;
color: #fff; 
text-shadow:30px 10px 0 #0000CC;

    BulshitMan

color:#0000ff; 
background:#000;
 text-shadow:
   1px 1px #000099,
   2px 2px #00CCCC,
   3px 3px #00FFCC,
   4px 4px #00FFFF,
   5px 5px #0000FF,
   6px 6px #000099,
   7px 7px #000000,
   8px 8px 7px #000;

    BulshitMan

color:#00FF00;
 background:#eee;
 text-shadow:
   0px 1px #577079,
   0px 2px #577079,
   0px 3px #577079,
   0px 4px #577079,
   0px 5px #577079,
   0px 6px #577079,
   0px 7px #577079,
   0px 7px 10px #333;

    BulshitMan

color:#fff;
 background:black;
  text-shadow:
   0 0 3px #8C8CFF,
   0 0 5px #9999FF,
   0 0 9px #AAAAFF,
   0 0 20px #BBBBFF,
   0 0 25px #CACAFF,
   0 0 30px #EEEEFF,
   0 0 40px #F9F9FF;

    BulshitMan

color: #000; 
 background: #000;
  text-shadow: 
   0 0 4px #ccc,
   0 -5px 4px #ff3,
   2px -10px 6px #fd3, 
  -2px -15px 11px #f80,
   2px -18px 18px #f21;

    BulshitMan

color:#fff;
background:#6600CC;
 text-shadow:
   -1px -1px 0px #FF0000,
   2px 1px 0px #00FF33,
   4px 2px 0px #0033CC,
   6px 3px 0px #f5dc0f,
   8px 4px 0px #19a305,
   10px 5px 0px #057fa3,
   12px 6px 0px #052aa3,
   15px 7px 0px #7605a3,
   15px 8px 2px #000,
   15px 5px 10px #000,
   16px 5px 26px #000;

Ket : Color :  warna tulisan
         Background : warna latar
         1px -1px 1px #424242 : warna bayangan (Text Shadow)