Rabu, 08 Februari 2012

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

Tidak ada komentar:

Posting Komentar