css实现：鼠标放在图片查看大图

最新推荐文章于 2022-08-15 16:11:59 发布

carter_yu

最新推荐文章于 2022-08-15 16:11:59 发布

阅读量3.1k

点赞数 2

分类专栏： Html 文章标签： css

本文链接：https://blog.csdn.net/carter_yu/article/details/75279069

版权

Html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

其实这是一个很简单的实现，但是对于小白来说，还是有必要做一下笔记。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>查看大图</title> 

<style>
    img:hover
    {
        transform: scale(2);  
    }
</style>    

</head>

<body>
<img src="img/my.png">
</body>
</html>

img:hover 的含义：当鼠标放在img上，调用其中的css属性。

transform: scale(2) 的含义：2d放大两倍。

参考文档：

http://www.runoob.com/cssref/css-reference.html

http://www.runoob.com/cssref/css-selectors.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

carter_yu

关注关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
css实现：鼠标放在图片查看大图

其实这是一个很简单的实现，但是对于小白来说，还是有必要做一下笔记。<!DOCTYPE html><html><head><meta charset="utf-8"> <title>查看大图</title> <style> img:hover { transform: scale(2); }</style> </head><body><im
复制链接

扫一扫