◄ Min  Size Fonts: + | - | ± Color: Max ►

2 Master With The Great Posted

Postingan trik seputaran hover sekarang hanya untuk memacu skill kalian dalam bermain dengan kode CSS3. Gunakan daya kreasi, imajinasi, kemampuan dalam memadukan kode-kode yang sudah ada dengan code-code buatan kalian. Jangan terpaku pada kode yg sudah jadi. Ubah-ubahlah code tersebut sehingga kalian paham yg terjadi dengan perubahannya :D Buka halaman berikut terlebih dahulu guna melihat contoh efek yg dihasilkan dari hover trick sederhana ini!<h1 align='center'>Hover coba yaaa...</h1><div class='lampu'></div><style>.lampu{width:150px;height:150px;margin:0 auto;background:#000 url(http://1.bp.blogspot.com/-33L8g-ansYo/TxgekDz6C8I/AAAAAAAACbg/2eTZE42sZFU/s1600/lampu.png) no-repeat -150px 0;border-radius:75px}.lampu:hover{background:#000 url(http://1.bp.blogspot.com/-33L8g-ansYo/TxgekDz6C8I/AAAAAAAACbg/2eTZE42sZFU/s1600/lampu.png) no-repeat 0 0;cursor:help;box-shadow: 0px 0px 20px #ff5}</style>Kira-kira begitu contoh efek simpel hover seputaran image. Sobat kita master @ciudad_blogger telah membuat beberapa trik ini dengan gaya mantap. Berikut contohnya sob ;))

Rounded Edge Effects in Images ▼


Read here bro Efectos de Bordes Redondeados en Las Imágenes. Buat bonusnya silahkan kreasikan CSS Threaded Comments kalian kreasi dari master @stylifyyourblog Threaded Comment styles :D
Happy blogging \m/
Loading...
X2 Master With The Great Posted

Subscribe my posts Register For Free!

9 comments

[?] g+ convert

DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...

al-Quran

MISC

Resources

WANT BE HERE!!! CONTACT ME :P
1 2 3 4 5 6 7 8 9

FACEBOOK PAGE