Image 变换：从上到下缩放图像

是否可以使用css上的转换从上到下缩放图像？ 我这里有一个例子：

当前，Thumbskin类中的图像从中心开始缩放，并扩展到顶部、底部和侧面。它想把它固定在顶部，只缩小到侧面。仅使用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;
}

---

默认情况下，元素以其中心点为原点进行变换。所以在这种情况下，它将从中心向外扩展。您可以通过设置“变换原点”（transform origin）来更改此设置，就像您所做的那样

简单的例子：

div{
保证金：3em自动；
宽度：50px；
高度：50px；
背景：红色；
}
div:悬停{
转换：比例（1.9）；
}
.d2{
变换原点：顶部；
}