Kotak Bayang pada Gambar 1


<div style=”background-color: #ff25ff; border-radius: 5px 5px 5px 5px; box-shadow: 0px 0px 0px 0px#252525 inset; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-variant: normal; line-height: normal; margin: 0 30px; padding: 20px; text-shadow: 0px 0px 0px WHITE; text-align: center;”>h</div>

============================================
<div style=”background-color: #ebebeb; border-radius: 5px 5px 5px 5px; box-shadow: 0px  0px  0px  #ffffffinset; font-family: Arial,Helvetica,sans-serif; font-size: 15px; font-variant: normal; line-height: normal; margin: 0px 30px; padding: 20px; text-shadow: 1px  1px 0px WHITE; text-align: center;”></div>

0

background-color: #252beb; 

0

border-radius: 0px 5px 10px 20px; ( bentuk sudut kotak )

0

LIHAT WARNA MERAH – BAYANGAN NYA
text-shadow: 0px 0px 0px RED;

0

LIHAT BAYANG MERAH
I O M Z X

text-shadow: 1px 0px 0px RED;

0

LIHAT BAYANG MERAH

text-shadow:   0px 1px 0px RED;

0

LIHAT BAYANG MERAH

text-shadow: 0px 0px 1px RED;

0

O O 0 W A Q E

text-shadow: 5px 0px 0px RED;

0

m o d u L

text-shadow: 0px 0px 5px RED;

0

_- T g J j L l

text-shadow: 0px 15px 0px RED;

Dengan Permainan angka nilai pada Text Shadow maka hasilnya akan cukup mengesankan

0

margin: 0px 30px; – Jarak ke ATAS dan ke BAWAH dari BOX

margin: 0px 30px; /  margin: 0px 30px;

margin: 0px 30px; – Jarak ke SAMPING KIRI dan KANAN , yang akan mempengaruhi juga pada besar kecilnya KOTAK / BOX

0

box-shadow: 20px    0px   0px#252525 inset ( Lihat Kiri )

0

box-shadow: –20px    0px   0px#252525 inset ( Lihat Kanan)

0

box-shadow:  0px    20px   0px#252525 inset ( Lihat Atas )

0

box-shadow:  0px    –20px   0px#252525 inset ( Lihat Bawah )

0

box-shadow:  0px   0px   20px#252525 inset ( Sekeliling )

 Perhatikan – Jarak dari huruf nilai penentu dengan yang lainnya harus diperhatikan , kalau tidak mau gagal = Bayang tidak akan keluar

box-shadow:  10px   20px   30px#252525 inset

Lihat jarak satu sama yang lainnya

0

 
Font – Family / Font Variant / normal; line/height: normal;

Artinya apa Walallu “alam

0

Arial,Helvetica,sans-serif; font-size: 15px;

Fasilitas dan Jenis Huruf juga Ukurannya

0

padding: 20px; = Jarak Huruf dari pinggir Box

One thought on “Kotak Bayang pada Gambar 1

  1. Ping-balik: Adjie Sugilar

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s