Zoom Out Fade

mugo2 apik baelah :)

Cyber-J pengen bagi trik blog anyar kiye',pengen ora? unik loh!! wkwkwkwk.ora mudeng bahasane yakk?.LOL

Terkadang gambar kecil kurang nampak begitu elok jika tidak pake kaca pembesar betul bukan?
.tapi begitu ada trik dari kang dighca ente semua bisa lihat gambar kecil itu dari dekat secara otomatis.ya istilahnya Zoom Out Fade lah,hanya dengan cursor ente gerakin ke gambar,gambar tersebut akan maju dengan sendirinya.Magic bukan?.wkwkwkw bukan ilmu sihir melainkan hanya dengan sedikit do'a dan script ini:
<style type="text/css"> #cyberjellyfish_team{margin:0 auto;padding:10px;width:200px;height:180px;}.dighca_box {-webkit-border-radius:20px;width:280px;height:180px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnpEOHPZpm-fFYLr1quSlU0rjRe1OstFW5MRbtzl62jwcBxnqpOBR7prbn6pCdwHgVIT5eeRa-0Olq2FIT42okirNb7X7Tvhu8pmUZiAF9sHsHLjIdq0o6VLok8AzbmGCzA3nr3k5-WLu/s1600/cyber-J+logo+ghost+effect.png)}#ease.dighca_box { -webkit-transition: all 4s ease-in;-moz-transition: all 4s ease-in;-o-transition: all 4s ease-in;-webkit-transition: all 4s ease-in;transition: all 4s ease-in;}#cyberjellyfishteam:hover .dighca_box, #cyberjellyfish_team.hover_effect .dighca_box {-moz-box-shadow:inset 60px 10px 80px 60px #fff;-webkit-box-shadow: inset 60px 10px 80px 60px #fff;box-shadow: inset 60px 10px 80px 60px #fff;-moz-border-radius:20px; -webkit-border-radius:20px;-moz-transform:scale(4.2);-webkit-transform:scale(4.2);} </style><br><br /> <div id="cyberjellyfish_team"> <div class="dighca_box" id="ease"> <div class="center"> </div> </div> </div> <br />

Udah tahu Scriptnya?.yaudah tinggal pasang bye ^^