如何＆＃34;缩放＆＃34; /＆＃34;缩放＆＃34;在div的内容中使用css或jquery？

Question

我想要达到的效果需要保持中心位置并放大内容，同时仍然保持div的宽度和高度。

一个例子：

before -> after

 [x]      [X]

或者，如果您不介意链接this site已在主页及其方形容器上实施

我尝试过使用inspect元素功能，但实际上并没有找到任何javascript调用或css。谷歌也没有给我任何教程，猜测很难说出这种效果。

因此，如果某人能够如此善良并将我转到教程，功能或提供一些提示，我将非常感激。

期待你的回复。

Answer 1

您正在寻找CSS Transforms.

在相关网站上，这是通过

实现的

.view-tenth img {
    /* [other directives omitted] */
    transition: all 0.6s ease-in-out 0s;
}

.view-tenth:hover img {
    /* [other directives omitted] */
    transform: scale(1.1) rotate(0deg);
}