滑鼠滑過放大圖片

. . . .
.

當滑鼠移過圖片上方時,圖片會有放大的效果。

下面的幾行程式是從 主頁面 擷取下來的,我只用html的部份還要有CSS的搭配才會有動作。

<div width="340" height="210" style="overflow: hidden;">
    <img src="https://picsum.photos/340/210" onmouseover="transform: scale(1.5);" onmouseout="transform: scale(1);" >
</div>

Demo:

Laravel middleware VerifyCsrfToken