如何使用CSS转换缩放div但不缩放内容?

邓肯

我正在尝试创建扩大div的效果以显示更多图像,但此刻,图像随着div缩放而扩大。我目前以这种方式扩展div;

.panel:hover {
  transform: scaleX(1.5);
  z-index: 10;
}

我尝试将转换应用于父属性,例如列表和锚标签,但是没有运气。这是我的codepen

http://codepen.io/duncanmolesworth/pen/LRdKYj

提前谢谢了

用户名

您正在做的是缩放面板,要做的是增加其宽度。

您可以尝试以下方法:

.panel:hover {
   width: 150%;
   left: -25%;
   z-index: 10;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章