segunda-feira, 16 de agosto de 2010

Tipos de textos com sombras

Postado por Belos Templates • 17:00 • Marcadores:
Jika sudah, mari kita lanjut ke tutorialnya. Perhatikan kode css dibawah ini :
color: #000;
background: #fff;
text-shadow: 1px 1px 1px #424242;
  • color : #000 adalah warna dasar tulisan
  • background: #fff adalah warna latar
  • 1px 1px 1px #424242 untuk warna bayangannya (shadow)
Dibawah ini ada beberapa contoh model text shadow beserta kode css-nya, silahkan sobat kreasikan.

gambar 1 color: #000;
background: #fff;
text-shadow: 2px 2px 3px #000;
gambar 2 color: #000;
background: #fff;
text-shadow: 2px 2px #000;
gambar 3 color: #000;
background: #fff;
text-shadow: 2px -2px 3px #000;
gambar 4 color: #000;
background: #666;
text-shadow: 0px 1px 1px #fff;
image color: #666;
background: #000;
text-shadow: 0px 1px 0px #ccc;
image color: #fff;
background: #666;
text-shadow: 0px 1px 1px #000;
image color: #fff;
background: #000;
text-shadow: 1px 1px 6px #fff;
image color:#FFE9C7; background:#FF6C17;  text-shadow: 2px 2px 2px #A6250C;
image color:#823210; background:#FF6C17; text-shadow:1px 1px 1px #FF9924;
image color: #fff;
background: #fff;
text-shadow: 1px 1px 4px #000;
image 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 #f20;

Selamat berkreasi, semoga dengan adanya text shadow blog sobat jadi lebih hidup.

0 comentários:

Postar um comentário

Assinar: Postar comentários (Atom)