鼠标指着图片时图片会放大

Example:

当鼠标指着或经过时图片会放大 =]

首先Design --> Edit Html --> Ctrl+F 找到

]]></b:skin>

然后在]]></b:skin>的上面添加以下代码

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
Sumber : http://farixsantips.blogspot.com/2011/06/effect-hover-zoom-smooth-pada-object.html#ixzz1X07HXoVg
</style> 

蓝色的是放大的倍数,3个都要一样的数目

Example:
完成后就保存起来..


别忘了点击广告哦=]

5 comments: