小编Gab*_*lle的帖子

变换:从上到下缩放图像

是否可以使用css变换从上到下缩放图像?我在这里有这个例子:http://jsfiddle.net/865vgz82/13/

目前,类拇指皮中的图像从中心开始缩放,并扩展到顶部,底部和侧面.它希望将它固定在顶部,并且只能向下缩小到两侧.只有css才有可能吗?

.thumbsskin img {
  height: 135px;
  width: 320px;
  top: 0;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.thumbsskin:hover img {
  opacity: 0;
  -webkit-transform: scale(1.9);
  transform: scale(1.9);
  transform-origin: top;
}
Run Code Online (Sandbox Code Playgroud)

css image scale css3 css-transforms

6
推荐指数
1
解决办法
6048
查看次数

标签 统计

css ×1

css-transforms ×1

css3 ×1

image ×1

scale ×1