css3相关内容

CSS矩阵VS变换。这是更快?

我一直在网上寻找了一段时间,并不能找到一个回答我的问题,但希望社会知道。 有没有人测试CSS3 maxtrix相比,CSS3转换?我使用大量的变换,但我看到像famo.us和threejs使用更多的矩阵库。难道矩阵只是有一个更好的性能收益? 解决方案 矩阵比较快,但它有更糟糕的浏览器支持: http://jsperf.com/css-matrix-vs-transform-primitiv ..
发布时间:2015-11-28 12:23:28 前端开发

如何倾斜外回来的CSS 3D转换时,倾斜内部元件前进

我想获得的外部元件后倾沿z轴和站立起来了,它在一个普通的2D视角内部元件的作用。在给这个网站换句话说 < D​​IV ID =“外”> < D​​IV ID =“内”与GT;< / DIV> < / DIV> 我想外部元件,其侧面线条接近消失点向后倾斜,而内部元件的两侧垂直。 我如何做到这一点?使用CSS DIV { 显示:in ..
发布时间:2015-11-28 12:23:06 前端开发

用图像作为其它图像的背景3D效果

我想了3D效果添加到图像,最后的结果应该是 如下所示:(在Photoshop中所示) 我试着用CSS3属性玩的box-shadow 但它并没有提供真正的3D效果,你可以在下面的图片看到: (我知道我可以设置模糊为0,换边,但你可以看到 - 有在角一个区别就是我想要达到的箱形阴影的结果) 在没有找到一个唯一的CSS的解决方案 - 我已经创建了下面的图片,并将其设置为图像本身的背景 ..
发布时间:2015-11-28 12:23:01 前端开发

CSS3 3D变换牌翻转,填充/保证金/边框将导致旋转原点为陷入困境,如何解决这个问题?

http://jsfiddle.net/nicktheandroid/yWKMD/ 看一下例子,当您单击的元素,它绕在前到返回,问题是,它不是绕着它的中心,它是喜欢它的失去平衡,按住鼠标在前侧的左边框,单击该元素,并查看返回方的立场是现在已经关闭。它们应该定位在完全相同的点 我注意到,当我删除了填充/保证金/边界,它会旋转很好,但我需要有填充和边界在那里。有没有办法与填充和边框做到这一点 - ..
发布时间:2015-11-28 12:13:45 前端开发

为什么这个3D CSS重叠的,而不是夹?

为什么这些3D CSS飞机在Firefox和Chrome浏览器,而不是在Safari重叠? http://jsfiddle.net/yNfQX/6/ ..和我怎么让它表现得像野生动物园? Safari浏览器和放大器;火狐preVIEW 解决方案 看起来像一个bug ......从 错误689498 - 相交平面不是Z-有序正确 阿利斯泰尔·麦克唐纳2012-04-12 12点22 ..
发布时间:2015-11-28 12:10:24 前端开发

如何让3D DIV

如何从规则矩形DIV制作3D矩形喜欢在附加的图像? DIV的可以是2种颜色: 解决方案 那么,你可以做这样的事情(本例中是一个立方体): HTML: < D​​IV CLASS =“面子顶”>< / DIV> < D​​IV CLASS =“脸上留下”>< / DIV> < D​​IV CLASS =“面庞”>< / ..
发布时间:2015-11-28 12:08:45 前端开发

如何使用CSS3来纠偏鱼眼全景?

我觉得它来的时候我闪全景转换为JS / HTML5 / CSS3。我已经看到了使用不同的平面图像的一些优雅的解决方案,但我都是鱼...... 我的直觉告诉我,这是可行的使用-webkit-变换:的Matrix3D但我不太打它。 任何想法,如果这真能在CSS3做? Thanksya亲切。 解决方案 是的,这是可以做到的,但你最好知道你的数学。请注意,您不使用CSS3,而是一个专有扩展,这将 ..
发布时间:2015-11-28 12:08:21 前端开发

Webkit的3D CSS。在第一人称射击游戏旋转摄像头象

我想实现的是类似 http://www.keithclark.co.uk/一个摄像头转动实验室/ 3dcss /演示/ 。它并不完美,有时相机休息,但是这是这个想法。 我喜欢的旋转是类似像人类视图,但我只设法获得隔一定点的旋转。这是我获得的 http://jsfiddle.net/gaAXk/3/ 的一个例子。 正如我以前说过,我想类似行为的人。 我也试过用-webkit-变换出身,但没有较 ..
发布时间:2015-11-28 12:07:06 前端开发

CSS3 3D变换 - 重叠的div不同的z指数有不同的结果WebKit的浏览器

我试图找出哪些浏览器不执行这一权利:我有2的div定位在彼此顶部。对于前一个I旋转Y轴和平移X轴。现在对于这同样一个I设置更低的z索引比另一个。我看到的Chrome / Safari浏览器2种不同的输出。哪一个是一个更有意义。下面是我的测试: http://jsfiddle.net/f5VWN/ 我想这个问题可以简化为:?在3D空间中考虑到2元,难道的z-index事项在所有:) 解决方案 ..
发布时间:2015-11-28 12:03:41 前端开发

CSS3多个转换

我有一个CSS3动画,使用code IM下面旋转在X轴的立方体。 @ - WebKit的关键帧spin2 { 从{-webkit-变换:rotateX(135deg); } 到{-webkit-变换:rotateX(855deg); } } 我需要做的code以下,同时为code以上这样的立方体既能轴上同时旋转。 @ - WebKit的关键帧spin2 { 从{-webk ..
发布时间:2015-11-28 11:58:23 前端开发

CSS3转换的Matrix3D值

我想知道如何得到的Matrix3D的rotateX和rotateY值,像这样的: 的的Matrix3D(0.9999999970415847,0,0.00007692093651178932,0,0,1,0,0,-0.00007692093651178932,0,0.9999999970415847,0,0,0,300,1) 没有任何人知道如何呢?我真的AP preciate的帮助特别是 ..
发布时间:2015-11-28 11:58:20 前端开发

CSS3 - 3D Cube- IE变换式:preserve-3D的解决方法

在通过IE10的期待我发现这个立方体最初是由保罗·海耶斯这正与触摸屏并且相当流行的。发 Altough preserve-3D设置是一个已知的问题,我不可能取得周围建议的工作,因为它似乎没有变换parent属性maually应用到子元素。 下面是我简化了到目前为止的链接: http://jsfiddle.net/cC4Py/1/ CSS: .viewport { 观点:800px ..
发布时间:2015-11-28 11:55:07 前端开发

CSS3"曲面" 3D变换/透视帮助

我想创建自己的网站排序的角度人群。这是名副其实的UL充满平面图像,而我想创建一个“曲线”感觉像一个圆形的人群。当它向内和敏锐地朝内和曲线,向着两端较小。 海报圈的例子是最接近我能找到我是pretty的多一个完整的损失如何处理这个...我已经尝试运用独特的几种不同的方式-webkit-变换:rotateY(X)translateZ(x)的每个图像但从来没有完全到达那里(挣扎计算正确的价值观,或者使 ..
发布时间:2015-11-28 11:53:41 前端开发

如何读取个人的-webkit-变换“值在JavaScript?

从去年的Webkit的博客文章在 3D变换解释说,可用于各种变换“功能”在-webkit-transform属性。例如: #myDiv { -webkit-变换:规模(1.1)rotateY(7deg)translateZ(-1px); } 我的问题:你如何访问在JavaScript中各个值?当你阅读元素的webkitTransform财产,你只是得到一个的Matrix3D()函数 ..
发布时间:2015-11-28 11:50:38 前端开发

CSS 3D动画,怎么样?

我想在三维空间动画的东西。我知道这是可能的CSS和HTML 5,但我无法找到 一个很好的教程实际使用! 我发现本网站作为一个例子。您可以选择文本等所有的时间。 有人可以给出一个很容易理解,小例子是如何工作的?我看到源$ C ​​$ C,但我真的不明白...... 这是CSS3和HTML5或两者兼而有之? 多少的JavaScript我需要? 该浏览器支持呢? 解决方案 所有的CSS3和J ..
发布时间:2015-11-28 11:49:35 前端开发

CSS3 3D变换不上IE11工作

我特林建立与CSS3 3D变换。立方体 有关本例,我只有2面: <节ID =“头立方体容器”> < D​​IV ID =“头立方体”> <图>< /图> <图>< /图> < / DIV> < /节> 通过相互的浏览器我有一个很好的结果,但它的 ..
发布时间:2015-11-28 11:49:14 前端开发

CSS 3D转换的作品随意在Chrome 16

我有一个很奇怪的问题,在CSS 3D有时有有时没有转换工作。在升级到Chrome浏览器的最新版本,它总是工作,但与16版的它只能是随机的。 具体而言,它似乎-webkit-观点没有考虑这使得一切持平(尽管该元素仍然可以转化)。更改Chrome的“萤火虫”的页面后的观点已经加载不影响任何东西。 在问题的网页是在这里:我的问题是:你遇到同样的问题,我的网页,或你有没有经历过这样的自己呢?如果是的话 ..
发布时间:2015-11-28 11:49:04 前端开发

3D旋转木马的影响

我想知道,如果在这个网站上看到有任何插件或开源的影像中可用的3D旋转木马 链接 在大量的研究,我得到了一个软件WOW滑块pretty的适合这种效果.Still的问题是,任何答案将有助于 解决方案 在这里,在堆栈溢出我们喜欢旋转木马! 有这么多的转盘我们可以从选择,他们都可以略有不同进行。一些使用JavaScript,其他人只是纯粹的CSS。而且因为有这么多的选择,在这里只是一个几个不 ..
发布时间:2015-11-28 11:45:50 前端开发