CSS3中的transform

最新推荐文章于 2022-05-27 21:12:19 发布

zy晓

最新推荐文章于 2022-05-27 21:12:19 发布

阅读量92

点赞数

文章标签： css3

本文链接：https://blog.csdn.net/zyx7801/article/details/108755862

版权

各种transform的含义

-webkit-transform 针对 Safari 和 Chrome 浏览器支持(2D, 3D)；
-moz-transform 针对 Firefox 浏览器支持；
-ms-transform 针对 IE 9 浏览器支持(2D)；
-o-transform 针对 Opera 浏览器支持；
transform 针对 IE10、Firefox、Chrome、 Opera 支持。

用transition可以控制元素转换的时间。

css:

.image_{
    width: 70px;
    height: 70px;
}
.image_:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    transition:transform 2s;/*transform动画(放大为1.2倍)时间2s*/
}