要实现鼠标放在block上以中心为原点进行放大，可以利用CSS3的transform和transition来实现 CSS3的transform： scale()可以按比例放大或缩小block的功能。
创新互联成立于2013年，我们提供高端成都网站建设、成都网站制作公司、成都网站设计、网站定制、营销型网站、小程序制作、微信公众号开发、seo优化服务，提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地，为成都格栅板企业提供源源不断的流量和订单咨询。
如果直接设置背景opacity值为0.8，会使文字的颜色发生改变。解决方法就是在设置背景色时使用rgba(red，green，blue，opacity)来对背景色进行设置，这样就可以单独的改变背景的透明度，而不会影响到里面的内容(包括文字和图片)。
这位网友你好，百度图片鼠标放上去放大的效果用的是css3的新属性，如下图。但是现在一些低版本的浏览器并不支持，有些浏览器需要加特有的前缀（百度中可以看红框中的代码）。
1、这样的操作，一般有两种办法：直接使用CSS属性值；使用JavaScript动态设置CSS值。
2、当遇到这样的DIV CSS布局时候，其实非常简单，我们只需要对图片宽度进行控制，而图片高度不用设置即图片高度会自动适应缩放比例（不设置高度即高度值默认为auto自适应）。
3、首先，打开html编辑器，新建一个html文件，例如：index.html。其次，在index.html中的标签中，输入css样式代码：body {background： url(imagejpg) no-repeat；background-size： 250px；}。
4、二是将图片设定display：block，设定图片的长宽为rem或者em。
5、CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。
6、首先需要新建一个HTML页面。然后输入页面的标题，可以按照下方图中的进行设置。
使用CSS的width属性将框的宽度加大。例如，将原来的宽度设为50%，改为80%。使用CSS的transform属性对框进行放大或缩小。例如，将原来的大小设为100%，改为120%或150%。
首先把盒子的大小固定住，然后改大盒子中图片的尺寸，就可以实现不放大盒子的情况下放大图片了。
法一：用js算出其长度、高度再调用算法安比例扩大；法二：事先准备一张图片，用程序来调用新的图片。
可以通过cover和contain来对图片进行伸缩。
