<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/
Happy blogging \m/
Tidak ada komentar:
Posting Komentar