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

Ditulis dalam HTML & CSS, Komputer | Tag:

«
»

Tanggapan

  1. oke deh, ntar dicoba di MOBE yah 😀

    By: Zulkifli Muhtar on November 25, 2011
    at 9:28 am

    Balas

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

    By: Asep on November 25, 2011
    at 10:59 am

    Balas

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

    By: rjjuga on Mei 8, 2012
    at 2:25 pm

    Balas

  4. font kodenya, agak dibesarin mas :v

    By: Fajar Lazuardi on Februari 20, 2015
    at 8:59 am

    Balas

  5. mantap bro

    By: erogan herbal on Mei 13, 2018
    at 1:22 pm

    Balas


Tinggalkan Balasan ke erogan herbal Batalkan balasan

Kategori