css3 3d 过锯齿,css3 3d旋转出现锯齿_html/css

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]把动画拆分到某一度,自然会出现锯齿.

1.写单一属性的CSS是不兼容的;

2.[3deg]把动画拆分到某一度,自然会出现锯齿.

呵呵，我已经解决了，我知道浏览器兼容的问题

现在是再试验阶段，到时候会写满的

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

css3 3d 过锯齿,css3 3d旋转出现锯齿_html/css_WEB-ITnose相关推荐

前端:使用CSS3实现酷炫的3D旋转透视
3D动画效果现在越来越普及,已经被广泛的应用到了各个平台,比如阿里云,华为云,webpack官网等.它可以更接近于真实的展示我们的产品和介绍,带来极强的视觉冲击感.所以说,为了让自己更加优秀,css3 ...
《前端实战总结》之使用CSS3实现酷炫的3D旋转透视
3D动画效果现在越来越普及,已经被广泛的应用到了各个平台,比如阿里云,华为云,webpack官网等.它可以更接近于真实的展示我们的产品和介绍,带来极强的视觉冲击感.所以说,为了让自己更加优秀,css3 ...
《前端5分钟》之使用CSS3实现酷炫的3D旋转透视
3D动画效果现在越来越普及,已经被广泛的应用到了各个平台,比如阿里云,华为云,webpack官网等.它可以更接近于真实的展示我们的产品和介绍,带来极强的视觉冲击感.所以说,为了让自己更加优秀,css3 ...
html5 鼠标旋转动画效果,CSS3鼠标滑过图片3D翻转动画特效
这是一款效果非常炫酷的CSS3鼠标滑过图片3D翻转动画特效.该特效基于Bootstrap网格系统来布局,通过简单的CSS3代码,在鼠标滑过图片时对图片进行3D翻转,效果非常的酷. 使用方法 HTML结 ...
css3动画、2D与3D效果
1.兼容性 css3针对同一样式在不同浏览器的兼容需要在样式属性前加上内核前缀: 谷歌(chrome) -webkit-transition: Opera(欧鹏) -o-transition: ...
CSS3中的2D和3D转换知识介绍
一 2D转换转换是CSS3中具有颠覆性的特征之一,可以实现元素的位移.旋转.变形.缩放,甚至支持矩阵方式,配合即将学习的过渡和动画知识,可以取代大量之前只能靠Flash才可以实现的效果. 1.移动 ...
CSS3的2D转换和3D转换，你了解了嘛？
css3的2D转换和3D转换 CSS3大纲: 本次讲解css3带来了两种转换:2D转换和3D转换 1. 2D转换转换( transform)是CSS3中具有颠覆性的特征之一,可以实现元素的位移(tr ...
CSS3的transform之3d转换、CSS3动画
文章目录前言一.perspective属性和transform-style属性二.transform之3d转换 transform之translate3d(x,y,z)平移 tranform之r ...
css3中的2D和3D转换、动画效果以及布局
文章目录一.2D转换: 1. 2D移动:translate().使用translate()函数,你可以把元素从原来的位置移动.移动参照元素左上角原点 2. 2D缩放: 3. 2D旋转: 4. 2D翻 ...
CSS3动画（2D，3D，自定义动画）
文章目录 css3过渡动画 1 css3动画之2D 1.1 transition过渡动画基础 1.1.1 实现缓入缓出或快入快出效果 1.1.2 实现一秒内变换宽度 1.1.3 实现一秒后变换宽度 1 ...

css3 3d 过锯齿,css3 3d旋转出现锯齿_html/css_WEB-ITnose

css3 3d 过锯齿,css3 3d旋转出现锯齿_html/css_WEB-ITnose相关推荐

最新文章

热门文章

css3 3d 过 锯齿,css3 3d旋转 出现锯齿_html/css_WEB-ITnose

css3 3d 过 锯齿,css3 3d旋转 出现锯齿_html/css_WEB-ITnose相关推荐

最新文章

热门文章

css3 3d 过锯齿,css3 3d旋转出现锯齿_html/css_WEB-ITnose

css3 3d 过锯齿,css3 3d旋转出现锯齿_html/css_WEB-ITnose相关推荐