css3如何实现鼠标移入到图片上图片放大

北京中科皮肤病医院 https://m.yiyuan.99.com.cn/bjzkbdfyy/a/285197/

在写页面时,可以通过css3的transform属性来放大图片。今天css3如何实现鼠标移入到图片上图片放大的效果

在编辑器内新建一个index.html,用来学习今天的内容

在页面body区域新增一个div标签,在div标签内引入一张图片

在style标签内,给div标签和img标签加上基础样式

当鼠标移入到图片上,使用css3transform属性放大图片,并且在图片标签上加上缓慢变大的效果

在浏览器中打开index.html,鼠标移入到图片,会发现图片缓慢变大




转载请注明:http://www.aierlanlan.com/cyrz/4662.html