CSS3中如何实现鼠标移动到图片上图片变大

 时间:2024-11-14 12:25:29

本篇介绍CSS3中如何实现鼠标移动到图片上图片变大。

方法/步骤

1、transform:scale()可以实现岳蘖氽颐按比例放大或者缩小功能,但是要考虑浏览器兼容问题。代码如图所示。

CSS3中如何实现鼠标移动到图片上图片变大

2、鼠标没有放到图片上,图片显示为原来的大小。即css样式控制的大小。

CSS3中如何实现鼠标移动到图片上图片变大

3、鼠标悬停在图片上之后,图片会自动放大。如图所示。

CSS3中如何实现鼠标移动到图片上图片变大

PS中图层蒙版、剪切蒙版、矢量蒙版的区别 ps影印图片效果制作教程 dw怎么使用标签库#校园分享# PS的“球面化”滤镜怎么设置 JS中的blockquote标签和em和strong的作用
热门搜索
奇思妙想图片 电影淘淘 朗读者电影 唯美清新淡雅的图片 天气符号图片