Css 图像宽度/高度转换不工作

在chrome中，放大图像时使用过渡似乎不起作用

HTML:

小提琴：

---

有什么问题吗？

它似乎对百分比不起作用。此外，如果您还希望转换

高度

，则需要在原始

img

样式中声明。如图所示：如果您为悬停指定

宽度

（像素）

---

编辑：如果将第一个宽度指定为百分比，则第二个宽度也可以定义为百分比，并且仍然有效谢谢你，泰洛

你也可以使用

最大宽度

技巧。在悬停时设置一个高的

max width

amount，过渡将遵循原始图像宽度

---

如果您将两个宽度值都指定为百分比，也可以使用。可能与此错误报告有关：该链接现在已断开。

<img src="foobar.png">

        img
        {
            float: left;
            margin-right: 10px;
            border-radius: 10px;
            width: 200px;
            -webkit-transition: width 1s ease, height 1s ease;
        }
        img:hover
        {
            width: 100%;
        }