Kotak Bayang pada Gambar 3


Tuliskan / Gambar di sini

=

Kotak ini berkembang secara manual , yaitu dengan cara merubah nilai width: 400px; height: 50px.
Tidak dapat di ENTER

0

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 0px 0px 0px 0px;”>o</div>

1

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: -5px -5px 0px 0px; text-align: center;”>-</div>

2

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: -5px 5px 0px 0px; text-align: center;”>oo</div>

3

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 5px -5px 0px 0px; text-align: center;”>-</div>

4

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 5px 5px 0px 0px; text-align: center;”></div>

5

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 0px -5px 0px 5px; text-align: center;”>-</div>

6

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 0px 5px 0px 5px;”>o</div>

7

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 0px -5px 0px 0px;”>o</div>

8

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 0px 5px 0px 0px;”>o</div>

9

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 5px 0px 0px 0px;”>o</div>

10

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 5px 0px 0px 0px;”>o</div>

11

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 5px 0px 0px 5px;”>o</div>

12

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: -5px 0px 0px 5px;”>o</div>

13

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 0px 0px 0px 5px;”>o</div>

14

Blur

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 0px 0px 5px 0px;”>o</div>

1

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: -5px -5px 5px 0px; text-align: center;”>-</div>

2

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: -5px 5px 5px 0px; text-align: center;”>oo</div>

3

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 5px -5px 5px 0px; text-align: center;”>-</div>

4

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 5px 5px 5px 0px; text-align: center;”></div>

5

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 0px -5px 5px 5px; text-align: center;”>-</div>

6

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 0px 5px 5px 5px;”>o</div>

7

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 0px -5px 5px 0px;”>o</div>

8

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 0px 5px 5px 0px;”>o</div>

9

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 5px 0px 5px 0px;”>o</div>

10

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 5px 0px 5px 0px;”>o</div>

11

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 5px 0px 5px 5px;”>o</div>

12

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: -5px 0px 5px 5px;”>o</div>

13

<div style=”padding: 15px; width: 400px; height: 50px; background-color: pink; font-size: 12px; box-shadow: 0px 0px 5px 5px;”>o</div>

14

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