我发现一些jQuery插件,在他们的css规则中使用'zoom'描述符,我甚至查看w3c网站,发现它用于放大但我怎么能实际实现呢？或者我必须定义一些视口？我该如何定义这样的视口？或者我错了整个东西？
有可能像它一样使用它
a {
zoom:1;
}
a:hover {
zoom:2;
}
我正在寻找一些我从未使用过的css属性,并了解zoom了css3的属性
它们之间有什么相似之处和区别？
何时使用Zoom和缩放？两者的工作差不多.
哪个更有效使用,为什么？
两者都缩放对象但是默认变换原点用于缩放它的中心和缩放它的左上角我认为;
当我们在悬停时使用它们进行缩放时,缩放将缩放并再次缩小到原始维度,而缩放只会在悬停时缩小. - >> jsfiddle显示悬停效果**
*
{
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
box, box2
{
display: inline-block;
width: 100px;
height: 100px;
margin: 20px;
}
box
{
background: #b00;
}
box:hover
{
zoom: 1.1;
}
box2
{
background: #00b;
}
box2:hover
{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}<box></box>
<box2></box2>div {
display: inline-block;
height: 50px; …我发现很难完全跨浏览器CSS缩放属性..我只是这些
zoom: 2;
-moz-transform: scale(2);