html以图片中心放大,html – 如何使用CSS放大图像的特定位置

我使用以下代码放大图像：

.thumbnail {

width: 100%;

height: 450px;

overflow:hidden;

}

.image {

width: 100%;

height: 100%;

}

.image img {

-webkit-transition: all 1s ease; /* Safari and Chrome */

-moz-transition: all 1s ease; /* Firefox */

-ms-transition: all 1s ease; /* IE 9 */

-o-transition: all 1s ease; /* Opera */

transition: all 1s ease;

}

.image:hover img {

-webkit-transform:scale(3); /* Safari and Chrome */

-moz-transform:scale(3); /* Firefox */

-ms-transform:scale(3); /* IE 9 */

-o-transform:scale(3); /* Opera */

transform:scale(3);

}

目前此代码工作,除了in只会缩放到图像的中心.

我的问题是：如何放大预定的位置(可以像左边或右边那样简单,而不是当前的中心.)我想尽可能使用CSS来实现结果.