Oleh: awaludinfajari | November 22, 2011

CSS:Membuat efek shadow dan Sudut tumpul

buatlah file style.css kemudian salin kode berikut :

#kotak{
border:1px solid #dfd9c3;
background-color:#f5f3e5;
width:250px;
height:250px;
margin:auto;
-moz-box-shadow: 0 0 2em #000;
-webkit-box-shadow: 0 0 2em #000;
box-shadow: 0 0 1em #000;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 }

Kemudian buat file index.html

<html>
<head>
 <title>Membuat efek shadow dan Sudut tumpul</title>
 <link rel="stylesheet"style="text/css"href="style.css">
</head>
<div id="kotak"></div>
</html>

Hasilnya


Responses

  1. oke deh, ntar dicoba di MOBE yah😀

  2. Ya di coba..hatur nuhun tos mampir..hehe

  3. keren kang .. tapi ga’ jalan di IE ya ?

  4. font kodenya, agak dibesarin mas :v


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

Kategori

%d blogger menyukai ini: