KAWAH PAPANDAYAN

Cara Membuat Shadow Pada Tepi Gambar Dengan CSS3

Cara Membuat Shadow Pada Tepi Gambar Dengan CSS3 - mungkin sahabat pernah melihat garis pinggir seperti bayang bayang pada sebuah gambar yang dimasukan kedalam postingan blog, itu namanya Shadow, sebenarnya banyak cara untuk membuat shadow pada sebuah gambar salah satunya dengan menggunakan CSS (Cascading Style Sheet).

shadows pada gambar

Nah sekarang sundaboy akan share bagaimana Cara Membuat Shadow Pada Tepi Gambar Dengan CSS3, Css3 ini merupakan generasi dari CSS2, dan dapat tampil dengan sempurna dibeberapa browser seperti mozilla firefox.

Sekarang Bagaimana Cara Membuat Shadow Pada Tepi Gambar Dengan CSS3, berikut sundaboy share cara yang paling sederhana.

1. Login ke Blogger milik sahabat

2. Pilih Rancangan

3. Selanjutnya pilih Edit HTML

4. Setelah terbuka silahkan sahabat cari kode .post img {

5. Setelah ketemu ganti kode diatas dengan kode CSS3 dibawah ini


.post img {background:#FFFFFF;border:1px solid $bordercolor;padding: 7px;-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);}

6.Simpan template, lalu coba sahabat masukan sebuah gambar pada postingan dan lihatlah hasilnya

NB : terkadang untuk beberapa template sudah menggunakan shadow pada gambar posting, tetapi bagi sahabat yang tertarik untuk menggunakan shadow pada tepi gambar, cara diatas bisa sahabat pakai untuk postingan di blog milik sahabat.

Nah itulah  Cara Membuat Shadow Pada Tepi Gambar Dengan CSS3 yang dapat sundaboy share, sahabat bisa mengedit  kode CSS diatas sesuai dengan keinginan sahabat. demikian dan terimakasih :)



Ditulis Oleh : Yudus | Media Sharing Sundaboy

Sahabat sedang membaca tulisan Cara Membuat Shadow Pada Tepi Gambar Dengan CSS3. Yang ditulis oleh sundaboy Grt. Apabila sahabat ingin menyebar luaskan artikel ini untuk kepentingan umum, dimohon untuk menyertakan Link sumber dibawah ini. Untuk Kritik dan sarannya sahabat bisa mengirimkan pada kotak komentar dibawah, atau melalui email sundaboy88@gmail.com. tengkyu

1 komentar:

=================================
- Berkomentarlah Yang Sopan
- Tidak Diperkenankan Memasukan Link Aktif Pada Isi Komentar
- Berkomentarlah Sesuai Dengan Content
=================================