Di sini saya akan memberitahu cara membuat text shadow.disini saya akan menggunkan css3 untuk membuat bayangan.
Dengan css3 anda dapat membuat banyangan untuk teks dan elemen..

Dalam bab ini anda akan mempelajari tentang sifat-sifat:
  • text-shadow
  • box-shadow

CSS3 Text Bayangan


css3 properti text-shadow berlaku bayangan text.
Dalam penggunaan sederhana, Anda hanya menentukan bayangan horizontal(2px) dan bayangan vertikal(2px):

Contoh:

Text-shadow effect!



Dan ini kodenya: 
h1 {
    text-shadow: 2px 2px;
}


Dan sekarang kita tambahkan warna untuk bayangannya:


Text-shadow effect!



Dan ini kodenya: 
h1 {
    text-shadow: 2px 2px red;
}


Kemudian, menambahkan efek blur untuk bayangan:


Text-shadow effect!



Dan ini kodenya: 
h1 {
    text-shadow: 2px 2px 5px red;
}

Contoh berikutnya menunjukan teks putih dengan bayangan hitam:


Text-shadow effect!


Dan ini kodenya: 
h1 {
    color: white;
    text-shadow: 2px 2px 4px #000000;
}

CSS3 box-shadow properti

Dan sekarang kita akan membuat box-shadow
Dalam penggunaannya sederhana,Anda hanya menentuakan bayangan horizontal dan vertikal bayangan.

This is a div element with a box-shadow

Dan ini kodenya: 
#a {
    width: 300px;
    height: 100px;
    padding: 15px;
    background-color: yellow;
    box-shadow: 10px 10px;
}

Dan sekarang menambahkan warna untuk bayangannya

This is a div element with a box-shadow

Dan ini kodenya: 
#aa {
    width: 300px;
    height: 100px;
    padding: 15px;
    background-color: yellow;
    box-shadow: 10px 10px;
}

Dan selanjutnya menambahkan efek blur untuk bayangan:

This is a div element with a box-shadow

Dan ini kodenya: 
#aaa {
    width: 300px;
    height: 100px;
    padding: 15px;
    background-color: yellow;
    box-shadow: 10px 10px 5px grey;
}




itulah tutorial untuk membuat efek shadow semoga bermanfaat.