css3相关内容
我一直在网上寻找了一段时间,并不能找到一个回答我的问题,但希望社会知道。 有没有人测试CSS3 maxtrix相比,CSS3转换?我使用大量的变换,但我看到像famo.us和threejs使用更多的矩阵库。难道矩阵只是有一个更好的性能收益? 解决方案 矩阵比较快,但它有更糟糕的浏览器支持: http://jsperf.com/css-matrix-vs-transform-primitiv
..
我想获得的外部元件后倾沿z轴和站立起来了,它在一个普通的2D视角内部元件的作用。在给这个网站换句话说 < DIV ID =“外”> < DIV ID =“内”与GT;< / DIV> < / DIV> 我想外部元件,其侧面线条接近消失点向后倾斜,而内部元件的两侧垂直。 我如何做到这一点?使用CSS DIV { 显示:in
..
我想了3D效果添加到图像,最后的结果应该是 如下所示:(在Photoshop中所示) 我试着用CSS3属性玩的box-shadow 但它并没有提供真正的3D效果,你可以在下面的图片看到: (我知道我可以设置模糊为0,换边,但你可以看到 - 有在角一个区别就是我想要达到的箱形阴影的结果) 在没有找到一个唯一的CSS的解决方案 - 我已经创建了下面的图片,并将其设置为图像本身的背景
..
有目前在JavaScript鼠标事件,让我很容易地找到或计算出鼠标位置相变换元件的三维空间中的任何数据? 要说明直观, 左边是不带3D矩阵格,右边是3D变换后的股利。 0 是鼠标事件的起源 + / | / | + ----- + + | | | | | | Ø| => | Ø| | | | | + ----- + + |
..
http://jsfiddle.net/nicktheandroid/yWKMD/ 看一下例子,当您单击的元素,它绕在前到返回,问题是,它不是绕着它的中心,它是喜欢它的失去平衡,按住鼠标在前侧的左边框,单击该元素,并查看返回方的立场是现在已经关闭。它们应该定位在完全相同的点 我注意到,当我删除了填充/保证金/边界,它会旋转很好,但我需要有填充和边界在那里。有没有办法与填充和边框做到这一点 -
..
我想present画布作为一个呈圆锥状,你可以像旋转在两个方向上的轮子。与JS / CSS3这是在所有可能的? 解决方案 HTML的Canvas是在实际状态只有2D,但是的 ThreeJS 框架似乎是在画布元素中的3D渲染pretty的很好的解决方案。
..
为什么这些3D CSS飞机在Firefox和Chrome浏览器,而不是在Safari重叠? http://jsfiddle.net/yNfQX/6/ ..和我怎么让它表现得像野生动物园? Safari浏览器和放大器;火狐preVIEW 解决方案 看起来像一个bug ......从 错误689498 - 相交平面不是Z-有序正确 阿利斯泰尔·麦克唐纳2012-04-12 12点22
..
如何从规则矩形DIV制作3D矩形喜欢在附加的图像? DIV的可以是2种颜色: 解决方案 那么,你可以做这样的事情(本例中是一个立方体): HTML: < DIV CLASS =“面子顶”>< / DIV> < DIV CLASS =“脸上留下”>< / DIV> < DIV CLASS =“面庞”>< /
..
我觉得它来的时候我闪全景转换为JS / HTML5 / CSS3。我已经看到了使用不同的平面图像的一些优雅的解决方案,但我都是鱼...... 我的直觉告诉我,这是可行的使用-webkit-变换:的Matrix3D但我不太打它。 任何想法,如果这真能在CSS3做? Thanksya亲切。 解决方案 是的,这是可以做到的,但你最好知道你的数学。请注意,您不使用CSS3,而是一个专有扩展,这将
..
我想实现的是类似 http://www.keithclark.co.uk/一个摄像头转动实验室/ 3dcss /演示/ 。它并不完美,有时相机休息,但是这是这个想法。 我喜欢的旋转是类似像人类视图,但我只设法获得隔一定点的旋转。这是我获得的 http://jsfiddle.net/gaAXk/3/ 的一个例子。 正如我以前说过,我想类似行为的人。 我也试过用-webkit-变换出身,但没有较
..
我试图找出哪些浏览器不执行这一权利:我有2的div定位在彼此顶部。对于前一个I旋转Y轴和平移X轴。现在对于这同样一个I设置更低的z索引比另一个。我看到的Chrome / Safari浏览器2种不同的输出。哪一个是一个更有意义。下面是我的测试: http://jsfiddle.net/f5VWN/ 我想这个问题可以简化为:?在3D空间中考虑到2元,难道的z-index事项在所有:) 解决方案
..
我有一个CSS3动画,使用code IM下面旋转在X轴的立方体。 @ - WebKit的关键帧spin2 { 从{-webkit-变换:rotateX(135deg); } 到{-webkit-变换:rotateX(855deg); } } 我需要做的code以下,同时为code以上这样的立方体既能轴上同时旋转。 @ - WebKit的关键帧spin2 { 从{-webk
..
我想知道如何得到的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的帮助特别是
..
在通过IE10的期待我发现这个立方体最初是由保罗·海耶斯这正与触摸屏并且相当流行的。发 Altough preserve-3D设置是一个已知的问题,我不可能取得周围建议的工作,因为它似乎没有变换parent属性maually应用到子元素。 下面是我简化了到目前为止的链接: http://jsfiddle.net/cC4Py/1/ CSS: .viewport { 观点:800px
..
我想创建自己的网站排序的角度人群。这是名副其实的UL充满平面图像,而我想创建一个“曲线”感觉像一个圆形的人群。当它向内和敏锐地朝内和曲线,向着两端较小。 海报圈的例子是最接近我能找到我是pretty的多一个完整的损失如何处理这个...我已经尝试运用独特的几种不同的方式-webkit-变换:rotateY(X)translateZ(x)的每个图像但从来没有完全到达那里(挣扎计算正确的价值观,或者使
..
从去年的Webkit的博客文章在 3D变换解释说,可用于各种变换“功能”在-webkit-transform属性。例如: #myDiv { -webkit-变换:规模(1.1)rotateY(7deg)translateZ(-1px); } 我的问题:你如何访问在JavaScript中各个值?当你阅读元素的webkitTransform财产,你只是得到一个的Matrix3D()函数
..
我想在三维空间动画的东西。我知道这是可能的CSS和HTML 5,但我无法找到 一个很好的教程实际使用! 我发现本网站作为一个例子。您可以选择文本等所有的时间。 有人可以给出一个很容易理解,小例子是如何工作的?我看到源$ C $ C,但我真的不明白...... 这是CSS3和HTML5或两者兼而有之? 多少的JavaScript我需要? 该浏览器支持呢? 解决方案 所有的CSS3和J
..
我特林建立与CSS3 3D变换。立方体 有关本例,我只有2面: <节ID =“头立方体容器”> < DIV ID =“头立方体”> <图>< /图> <图>< /图> < / DIV> < /节> 通过相互的浏览器我有一个很好的结果,但它的
..
我有一个很奇怪的问题,在CSS 3D有时有有时没有转换工作。在升级到Chrome浏览器的最新版本,它总是工作,但与16版的它只能是随机的。 具体而言,它似乎-webkit-观点没有考虑这使得一切持平(尽管该元素仍然可以转化)。更改Chrome的“萤火虫”的页面后的观点已经加载不影响任何东西。 在问题的网页是在这里:我的问题是:你遇到同样的问题,我的网页,或你有没有经历过这样的自己呢?如果是的话
..
我想知道,如果在这个网站上看到有任何插件或开源的影像中可用的3D旋转木马 链接 在大量的研究,我得到了一个软件WOW滑块pretty的适合这种效果.Still的问题是,任何答案将有助于 解决方案 在这里,在堆栈溢出我们喜欢旋转木马! 有这么多的转盘我们可以从选择,他们都可以略有不同进行。一些使用JavaScript,其他人只是纯粹的CSS。而且因为有这么多的选择,在这里只是一个几个不
..