Box shadow dengan efek inner shadow

Sebelumnya kita telah membuat box shadow dengan efek bayangan di luar objek.

Bisakah efek bayangan atau shadow di dalam objek? Jawabannya bisa.

CSS:
#contoh {
    color: white;
    width: 600px;   
    background: orange;
    padding: 5px;
    -moz-box-shadow: inset 0 0 10px #000;
    -webkit-box-shadow: inset 0 0 10px #000;
    box-shadow: inset 0 0 10px #000;
}

HTML:
<div id=”contoh”>
Efek bayangan atau shadow bisa terlihat dengan menggunakan browser Firefox, Safari, Chrome, Opera atau IE 9
</div>

Demo:

Kunjungi www.proweb.co.id untuk menambah wawasan anda.