css33d旋转出现锯齿_html/css

来源：懂视网责编：小采时间：2020-11-27 16:30:56

css33d旋转出现锯齿_html/css

css33d旋转出现锯齿_html/css_WEB-ITnose:CSS3 3D 在做css3的效果的时候碰到要整体进行偏转的问题以为很简单但是做出来的时候出现问题 #contant { width:1000px; height:768px; margin:0 auto; perspective:1000px; -webkit-perspective:10

推荐度：

点击下载本文 文档为doc格式

导读css33d旋转出现锯齿_html/css_WEB-ITnose:CSS3 3D 在做css3的效果的时候碰到要整体进行偏转的问题以为很简单但是做出来的时候出现问题 #contant { width:1000px; height:768px; margin:0 auto; perspective:1000px; -webkit-perspective:10

CSS3 3D

在做css3的效果的时候
碰到要整体进行偏转的问题
以为很简单
但是做出来的时候出现问题

#contant
{
width:1000px;
height:768px;
margin:0 auto;
perspective:1000px;
-webkit-perspective:1000px;

}
header
{
width:800px;
height:60px;
border:1px solid #f00;
background-color:#666;
transform:rotateY(3deg);
}

比如这样
在我进行偏转过后，边框出现锯齿，
我需要的是进行3D偏转，请问有没有办法可以解决

回复讨论(解决方案)

.css3{width:800px;height:60px;border:1px solid #f00;background-color:#666;transform:rotate(3deg);-ms-transform:rotate(3deg); /* Internet Explorer */-moz-transform:rotate(3deg); /* Firefox */-webkit-transform:rotate(3deg); /* Safari 和 Chrome */-o-transform:rotate(3deg); /* Opera */}

1.写单一属性的CSS是不兼容的;
2.[3deg]把动画拆分到某一度,自然会出现锯齿.

.css3{width:800px;height:60px;border:1px solid #f00;background-color:#666;transform:rotate(3deg);-ms-transform:rotate(3deg); /* Internet Explorer */-moz-transform:rotate(3deg); /* Firefox */-webkit-transform:rotate(3deg); /* Safari 和 Chrome */-o-transform:rotate(3deg); /* Opera */}

1.写单一属性的CSS是不兼容的;
2.[3deg]把动画拆分到某一度,自然会出现锯齿.
呵呵，我已经解决了，我知道浏览器兼容的问题
现在是再试验阶段，到时候会写满的

解决办法是，背景用图片，然后加上一句，border：1px solid transfor...透明那属性。

css33d旋转出现锯齿_html/css

推荐度：

点击下载本文 文档为doc格式

标签：旋转 3d html

热门焦点

css33d旋转出现锯齿_html/css

css33d旋转出现锯齿_html/css

回复讨论(解决方案)

css33d旋转出现锯齿_html/css

最新推荐

猜你喜欢

热门推荐