使用来自MySQL的img在悬停时显示更大的img

Question

我有一个登录系统，所以我不能在我的php文件中使用特定的图像。 例如，我使用以下代码：<img src="<?= $gebruiker->getImg(); ?>" />从登录的人那里获取正确的个人资料照片。

现在我的问题，因为我使用它，我无法在悬停时使用特定图像。 那么我怎样才能使用从getImg();获得的图像并在悬停时制作更大的缩略图。

Answer 1

为您的图片添加课程，例如＆＃34; profile-pic＆＃34;：

<img src="<?= $gebruiker->getImg(); ?>" class="profile-pic" />

在CSS中，您可以执行以下操作：

.profile-pic:hover {
    transform: scale(1.1); /* will scale the image by 1.1x */
}