css3hover放大 css3图片放大出现

...鼠标onmouse的悬停放大?代码怎么写?非要js或者css么?

1、第一：js进行鼠标悬停事件来处理DOM实际上是不合理的。

2、不是的。onmouseover是Javascript的。

3、当然css好。用js一般是在鼠标移入层和效果层没什么从属关系时用，像你的这种绝对是css好。除非是动态处理时有什么特殊需求，不然js不仅更费内存，还有可能产生异步的问题。

相关问答

Q1: css如何实现鼠标移至图片上显示遮罩层及文字

1、．首先，看一下HTML，一个img图像控件和一个带有样式的div，其中包含文本。这个就是蒙版遮罩层。2．然后，查看样式定义。先检查图像容器和图像样式，如图所示。

2、打开dw软件并创建一个新文档。在dw中，编写以下css样式： .mengsb {width：648px； margin：0px auto；}.jixing1 a {position：relative； width：320px； margin：0 0px 0 0； float：left； height：232px；}。

3、div代码： 遮罩层 你需要做的就是给遮罩层的图片价格透明度的背景图片。

Q2: CSS3的transform属性的用法?

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

transform-origin(X，Y)：用来设置元素的运动的基点（参照点）。默认点是元素的中心点。

在css3中transform主要包括以下几种： 旋转rotate、 扭曲skew、 缩放scale 和 移动translate 以及 矩阵变形matrix。

transform：属性应用 2D 或 3D 转换。

这是一个缩放的transform属性，y值可以省略，如果y值省略的话，那默认就和x值一样。举例：这个例子的执行效果就是，当把指针hover到这个div上的时候，那这个div会放大到原来的1倍大。

rotate：旋转该元素，配合着transform-origin属性，transform-origin 是设置旋转点的。(没有设置transform-origin 属性也可以，只不过是根据该元素的中心点旋转，也就是center center)加上 transform-origin 设置旋转点。

Q3: css中一倍两倍三倍图标怎么使用

二倍图：当这个比率为2：1时，使用4个设备像素显示1个CSS像素，三倍图：当这个比率为3：1时，使用9（3*3）个设备像素显示1个CSS像素。

修复方法：第一步，让设计师出对应图标的双倍图 第二步，使用css的media query适配retina屏。

其实，行高就是你所设置的字符大小的高度。即，在段落中，你的字体是12PX，那么1倍行高就是12PX。2倍当然就是12*2=24PX了。因为，所谓的行高，其实就是段落中字符的大小。

CSS显示一个大图片中的多个小图标，主要是用background-position这个属性来控制的。

Q4: css3中设置的img:hover不起作用

这是因为mouseover后很快又触发mouseout了。在CSS3中，也是就是：hover还没来得及反应 鼠标移动慢一点，就不会漏帧了。

应该是IE 只支持a标签的 hover状态 如果我的回答解决了你的问题，请帮忙点去点击一下我的网站，作为回报。

Transitional//EN改成！DOCTYPE HTML，变成html5的声明，这样就支持css3了，或者在你的按钮外再包裹一个父级a连接。再把上面的样式改成这个a连接的样式。

Q5: 用css的ahoverimg放大图片时怎么让放大后的图片从原图片的中心放大

1、要实现鼠标放在block上以中心为原点进行放大，可以利用CSS3的transform和transition来实现 CSS3的transform： scale()可以按比例放大或缩小block的功能。

2、//把图片当作背景，可以使用background-size属性，background-position属性。

3、如果直接设置背景opacity值为0.8，会使文字的颜色发生改变。解决方法就是在设置背景色时使用rgba(red，green，blue，opacity)来对背景色进行设置，这样就可以单独的改变背景的透明度，而不会影响到里面的内容(包括文字和图片)。

4、第一种方式无法实现动态的显示效果，而第二种方式可以实现较美观的动态效果，只需设置 transition：all .3s；即可。

5、只要定义网页头部 header标签里加上：meta name=viewport content=width=device-width，initial-scale=1，minimum-scale=1，maximum-scale=2，user-scalable=no/ maximum-scale=2表示最大可以让页面放大2倍。

6、可以用css3中“transform： scale()”属性对图片进行缩放。

关于css3hover放大和css3图片放大出现的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。