CSS图像变换
我想把鼠标悬停在一张图片上放大3倍，然后当我点击放大的图片时，它会回到原来的大小。这完全可以用CSS实现吗CSS图像变换,css,Css,我想把鼠标悬停在一张图片上放大3倍，然后当我点击放大的图片时，它会回到原来的大小。这完全可以用CSS实现吗 谢谢你，CSS不支持点击。您可以使用鼠标悬停进行缩放 img:hover {transform: scale(300%);} 但是一旦用户离开，它就会收缩，CSS不会跟踪点击事件 您可以使用：hover放大图像，也可以使用：active缩小图像，但一旦移动光标，图像将再次放大，因为：hover效果 img:hover { transform: scale(1.3); } img:a
谢谢你，CSS不支持点击。您可以使用鼠标悬停进行缩放
img:hover {transform: scale(300%);}
但是一旦用户离开，它就会收缩，CSS不会跟踪点击事件 您可以使用
：hover：active：hoverimg:hover {
transform: scale(1.3);
}
img:active {
transform: scale(1);
}
但这不是一个好的做法。我的意思是你可以，但这并不漂亮，我不建议用纯CSS来做：
东西{
位置：相对位置；
显示：内联块；
}
.物品标签，.物品图片{
变换：比例（0.33）；
变换原点：0；
转变：转变；
}
.物品标签{
位置：绝对位置；
宽度：100%；
身高：100%；
z指数：1；
}
.物品输入{
位置：绝对位置；
可见性：隐藏；
}
.物品输入：选中~img，
.物品输入：选中~标签{
变换：比例（1）；
}
：hover