全国服务热线:4008-888-888

技术知识

css3 tr㊑ansform衔接颤动难题处理

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衔接颤动內容请检索脚本制作之家之前的文章内容或再次访问下边的有关文章内容,期待大伙儿之后多多的适用脚本制作之家!



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服