Cara Menambahkan Box Shadow Dengan Kode CSS3 Pada Elemen Blogger

Januari 28, 2014

Box Shadow Dengan Kode CSS3 Pada Elemen Blogger


Assalamu'alaikum Sahabat kita jumpa kembali dengan postingan hari ini yaitu Cara Menambahkan Box Shadow Dengan Kode CSS3 Pada Elemen Blogger yang sangat bermanfaat buat melengkapi halaman blog Anda dengan tampilan lebih Indah Seperti yang di inginkan oleh para pengunjung.

Box Shadow Dengan Kode CSS3 Pada Elemen Blogger Anda,bagaimana cara menambahkannya..? ini sangat mudah untuk Anda yang masih belajar termasuk Saya,karena disini Saya memberi kode CSS3 hanya cukup dengan petunjuk seperti yang tertera dibawah.

Silahkan copypaste kode CSS3 dibawah bila Anda mau menambahkannya.

ALfiyah Info Blogger

<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:300px;
height:100px;
background-color:green;
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>

<div>Artikel Anda Simpan Disini</div>

</body>
</html>


 Kode diatas menghasilkan kotak bayangan seperti gambar dibawah,yang bisa digunakan untuk melengkapi artikel blogs Anda.Untuk pemberian kode warna bisa Anda rubah sesuai dengan selera,juga untuk width:300px dan heigt:100 bisa diganti dengan keprluan.


Artikel Anda Simpan Disini



Share this

"Halo, saya Sutarno Wirjo seorang bapak dari anak dan pekerja abdi negara maniak depan kompiuter yang tidak berhenti belajar dan senang mengeksplorasi kreativitas pada waktu luang saya. Hobi dengar musik , tarik suara, baca-baca dan penikmat kuliner kelas ampera emperan.

Related Posts

Previous
Next Post »