我正在尝试将 eBay 的出色缩放和悬停平移图像集成到我的 CSS 代码中。到目前为止,我已经成功地放大了图像,而不考虑位置,也没有在光标悬停在图像上时平移。eBay 有一个很棒的工作代码,我很想将它合并到我自己的 CSS 表中。
这是我目前所拥有的......
div.product div.gallery img {
max-width: 100%;
max-height: 100%;
vertical-align: middle;
display: inline-block;
}
div.product div.gallery img:hover {
transform: scale(2.10);
-o-transform: scale(2.10);
-ms-transform: scale(2.10);
-moz-transform: scale(2.10);
-webkit-transform: scale(2.10);
transition:transform 0.75s ease;
我正在研究 eBay 的样式表,但他们有几个有这么多代码。我不知所措。任何更高级的人可以帮助我解决我缺少的代码吗?太感谢了!:)