css - CSS悬停，不返回原始大小

当我将鼠标悬停在图像上时，它会更改大小，但是当我将光标移开时，它会恢复为原始大小。是否可以防止返回原始大小（没有JS）？
示例：height：200px
悬停高度：400像素，当我将光标移开时，高度保持400像素。

#camera{
        height:280px;
        width:400px;
        transition: width 0.5s, height 0.5s, transform 0.5s;
        overflow:hidden;
}
#camera:hover{
              height:450px;
              width:700px;
              transition: width 0.5s, height 0.5s, transform 0.5s;
}

最佳答案

您可以简单地使用jQuery代码：

$(document).on('mouseover','#camera', function(){
    $(this).css("width", "450px");
});

DEMO

关于css - CSS悬停，不返回原始大小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25631690/