【誓言】鼠标经过CSS3图片缩放代码
2014-09-06 10:30:44
- 本帖最后由 誓言芜罪 于 2014-9-6 10:31 编辑
效果预览
效果仿自http://www.tb-zx.com/new/mbpreview.html?mbid=131
效果预览地址（底部）http://506896079.taobao.com
鼠标滑过图片缩放，如要放大改为1以上的数值，transform: scale(0.9);
淘宝天猫通用，已经添加了C店天猫的class名
注意要改偏移left的值！
PS：CSS部分的代码复制到导航CSS里面，HTML部分复制到自定义模块。
代码如下：
css部分[code].lisuming_dg {
width:395px;
height:395px;
-moz-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.lisuming_dg:hover {
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
[/code]
HTML部分
[hide]
[code]
[/code][/hide]
关闭
-
7172
2
2
-
12149
23
89
粤公网安备 44030902001796号 粤ICP备19041343号-3
签到成功
誓言芜罪
全部评论()