Dstars - Komunitas Cyber Indonesia
Would you like to react to this message? Create an account in a few clicks or log in to continue.
Dstars - Komunitas Cyber Indonesia

You are not connected. Please login or register

Dstars - Komunitas Cyber Indonesia » Ð - Development » Blogger » Auto zoom image

Auto zoom image

Go down  Message [Page 1 of 1]

1Auto zoom image Empty Auto zoom image Mon 24 Sep 2012, 17:35

ds_tommy

ds_tommy
Administrator
Administrator

Demo
[You must be registered and logged in to see this image.]

CSS
Code:
    .zoom img{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;opacity:0.7;margin:0 10px 5px 0}
    .zoom img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);box-shadow:0px 0px 30px gray;-webkit-box-shadow:0px 0px 30px gray;-moz-box-shadow:0px 0px 30px gray;opacity:1}

HTMLnya:
Code:
    <div class="zoom">
    <img src="URL GAMBAR" /></div>

Copied from koderator

https://dstars.forumid.net

Back to top  Message [Page 1 of 1]

Dstars - Komunitas Cyber Indonesia » Ð - Development » Blogger » Auto zoom image

Permissions in this forum:
You cannot reply to topics in this forum