html图片放大代码
以下是一个常见的HTML图片放大代码:
<!DOCTYPE html>
<html>
<head>
<title>图片放大效果</title>
<style>
img {
width: 200px;
height: 200px;
transition: transform 0.5s ease;
}
img:hover {
transform: scale(1.5);
}
</style>
</head>
<body>
<img src="example.jpg" alt="example image">
</body>
</html>
这段代码定义了一个图像,当鼠标悬停在图像上时,使用CSS的“transform”属性将图像放大到原始大小的1.5倍。要更改图像的大小,请更改“width”和“height”属性的值。要更改过渡效果的持续时间,请更改“transition”属性的值。
原文地址: https://www.cveoy.top/t/topic/CJR 著作权归作者所有。请勿转载和采集!