您现在的位置是:网站首页>前端技术正文 Css图片放大特效 东阳君 2020/03/24 16:22:37 【Css】 181 0 2 简介:鼠标放在图片上面,图片会进行放大。 目录结构:  代码如下: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图片放大</title> <style type="text/css"> div{ width: 320px; height: 240px; border: #000 solid 1px; margin: 50px auto; overflow: hidden; } div a img{ width: 100%; height: 100%; cursor: pointer; transition: all 0.6s; } div a img:hover{ transform: scale(1.2); } </style> </head> <body> <div> <a href=""> <img src="images/liqin.jpg" /> </a> </div> </body> </html> ``` ## [点击预览](http://47.104.70.95:8080/project-preview/css/image-enlargement/index.html "点击预览") 很赞哦! (2) 上一篇:鼠标经过从中间向两端延伸的下划线 下一篇:jQuery图片展播特效 文章评论 选择头像: 您的姓名: 您的邮箱: 评论内容: 提交 评论 点击排行 HCaaS免费搭建Minecraft服务器 HCaaS免费搭建服务器--宝塔面板 JetBrains 2020.2 版本 全家桶激活方式 IDEA下载安装及破解教程 SecureCRT and SecureFX 8.5 安装特别版(附注册机+破解教程) 64位 全能终端神器--MobaXterm Java Web 博客系统 程序员开发工具jar包下载 热门推荐 Java Web 博客系统 IDEA下载安装及破解教程 HCaaS免费搭建服务器--宝塔面板 HCaaS免费搭建Minecraft服务器 阿里云服务器CentOS7系统项目部署 适合发朋友圈的21句晚安心语 评论消息提醒-QQ邮箱实现 改变你一生的30个黄金思维! 标签云 JavaHTMLCssjQuery心得体会技术分享资源下载数据库技术SpringSpringMvcMybatisSpringBootThymeleafRedisNginx ElasticSearchMaven 站点信息 建站时间:2020-03-11 15:42:41 运行时间:天 文章统计:48篇 文章评论:44条 微信号:扫描二维码,关注我