css3中transform过渡抖动怎么办

这篇文章将为大家详细讲解有关css3中transform过渡抖动怎么办,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

成都创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站设计制作、做网站、商水网络推广、重庆小程序开发、商水网络营销、商水企业策划、商水品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联为所有大学生创业者提供商水建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com

transform: scale();缩放在IE浏览器下会有抖动

transform缩放在IE浏览器下会有抖动 可以在缩放的同时添加一个旋转

如:

transform: scale(1.2);

换成:

transform: scale(1.2) rotate(0.1deg);

transform:translate();偏移会使图片或文字变得模糊

transform偏移还会使图片或文字失帧,变得模糊,可以使用clac解决

如:

transform:translate(-50%);

换成:

transform: translate(calc(-50% + 1px));

clac是css3的计算属性,可以使用在样式中的计算,clac语法:clac(数 + 数),注:这里“运算符号”两端的空格不能少

transform存在兼容性,IE浏览器只能兼容到IE 9,兼容写法:

transform:scale(1.2) rotate(0.1deg);
-ms-transform:scale(1.2) rotate(0.1deg);        /* IE 9 */
-moz-transform:scale(1.2) rotate(0.1deg);       /* Firefox */ 
-webkit-transform:scale(1.2) rotate(0.1deg);     /* Safari 和 Chrome */ 
-o-transform:scale(1.2) rotate(0.1deg);        /* Opera */

关于“css3中transform过渡抖动怎么办”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


当前题目:css3中transform过渡抖动怎么办
链接地址:http://hxwzsj.com/article/jegoje.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 成都企业网站建设 企业网站制作 成都网站建设 成都定制网站建设 成都网站设计 重庆网站制作 成都网站建设 成都商城网站制作 成都营销网站制作 网站制作 手机网站建设 网站建设公司 移动网站建设 网站建设推广 成都网站建设流程 营销型网站建设 网站设计制作 网站制作公司 阿坝网站设计 成都网站制作 成都网站制作 手机网站制作