Selamat datang di Blog Haekal Fikri

Cara Membuat Border Radius pada Gambar dengan CSS

Written By Haekal Fikri On Tuesday, January 15, 20130 comments

InfoDari - Cara Membuat Border Radius pada Gambar dengan CSSada beberapa cara sebenarnya dalam membuat border radius menggunakan CSS memanfaatkan fasilitas Border Radius dan Box-shadow.

Cara Membuat Border Radius pada Gambar dengan CSS

Disini saya akan memberikan sedikit tutor kepada Anda, yaitu bagaimana Cara Membuat Border Radius pada Gambar dengan CSS.

Yang mau agar Praktek ini berhasil di blog nya, nanti silahkan berkomentar yah di bawah...
^_^

Langkah - langkah:

Taruh script berikut ini diatas ]]></b:skin>

Kode Script CSS

.post-body img { padding:15px; /* jarak */ background:#FFF; /* background warna putih */ -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .post-body img:hover { border-radius: 0% 50%; /*Border Radius saat hover */ box-shadow: 0px 0px 15px #000; /* Bayangan saat hover */ -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; cursor:pointer; }

Untuk Percobaan, silahkan letakkan Cursor anda di atas gambar berikut

http://infodariom.blogspot.com/2013/01/cara-membuat-border-radius-pada-gambar.html

Bagaimana? Bagus bukan? Sekarang silahkan praktek sendiri yah.
Jika ada kendala, silahkan berkomentar dibawah.

sekian
PASANG IKLAN
Share this article :

Hal-Hal Yang Yang Perlu Di Ketahui Sebelum Berkomentar!

1. Jangan Menggunakan Link Hidup Kecuali Penting
2..Komentar Yang Relevan Akan Saya Balas
3.Untuk Menggunakan Emoticon Klik Emoticon Terlebih Dahulu Untuk Mendapatkan Kode

Note:Komentar Anda Terlebih Dahulu Di Moderasi Untuk Tidak Terjadi Pelanggaran !
 
About | Ads | Sitemap | Privacy Policy | Term Of Service | Forum | Follow ! | Back to top
Copyright © 2018 HF Blog - Some Right Reserved | Design by Haekal Fikri | Created by Maskolis | Aa Sholah
Terima Kasih Atas Kunjungannya
Cara Membuat Border Radius pada Gambar dengan CSSOops ! | Error 404