◄ 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrcrIzUTkFIIg640RXnqmhVZ46ulz9_UqXAlfXWzBNNho1v73M_4YhNfCxhfiUjm2JyLn5uYN8bbiVSsQ-6LdRYoXz4outGmLsGE6Ap-b-Nqg_1tnpjhXpMdJCPpZzS1HJ0WctKCrbgWKN/s1600/lampu.png) no-repeat -150px 0;border-radius:75px}.lampu:hover{background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrcrIzUTkFIIg640RXnqmhVZ46ulz9_UqXAlfXWzBNNho1v73M_4YhNfCxhfiUjm2JyLn5uYN8bbiVSsQ-6LdRYoXz4outGmLsGE6Ap-b-Nqg_1tnpjhXpMdJCPpZzS1HJ0WctKCrbgWKN/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/...


MISC

Resources

WANT BE HERE!!! CONTACT ME :P

FACEBOOK PAGE