草庐IT

profilers-transform

全部标签

html - 我认为 CSS3 transform translateZ 在某种程度上等于缩放

在某些情况下,我认为translateZ和scale具有相同的效果,就像放大或缩小一样。我认为它们之间有一些计算联系,如果我知道它们中的一个值,比如translateZ(-1000px)和父perspective值,我可以计算吗与translateZ具有相同效果的scale值? 最佳答案 你是对的。当一个物体向您移动时(即translateZ)它看起来更大(即scale)。如图所示,perspective定义了观看者相对于容器的位置,translateZ定义了主体相对于容器的位置。从scale到translateZ(以及返回)的公式

html - 3D Transform z-index 用 firefox 破坏,preserve-3d 不保留

Firefox中的3D变换似乎与z-index有问题。在我看来,渲染“忽略”了3DZ位置,而只是使用DOM中的z-index。有趣的是,当可见部分变小时,只有轮子的一部分可见,z-index突然正确,尽管其他伪影开始出现。自2011年以来在Firefox中有这个交叉错误演示,但我的圈子没有交叉-所以我希望它在某种程度上是可能的。http://jsfiddle.net/yNfQX/21/Firefox漏洞追踪器:https://bugzilla.mozilla.org/show_bug.cgi?id=689498.perspective{width:400px;height:400px;

html - webkit-transform 在 Safari 上破坏了 z-index

问题我试图让一个层看起来像一堵折叠的墙,露出它后面的层。我设置了两个固定的div位置。“Wall”div的z-index为9999,“Background”div的z-index为0;在我测试过的Webkit浏览器(Safari/IOS)中,似乎一旦动画在“墙”上开始,z-index就会丢失或被忽略,导致“墙”层突然消失在背景分区。关于如何保留图层的z索引的任何想法?提前致谢!示例代码(注意:jsFiddle在底部)HTML代码ThisisthewallThisisthebackgroundFlipDown启用按钮的一些javascript$('#start').click(funct

html - 在 HTML head 标签中使用 profile 属性

HTML中配置文件属性的用途是什么标签?我碰巧在这里读到它:http://www.w3schools.com/tags/tag_head.asp.我也无法理解这个(http://www.w3.org/2002/12/namespace),因为它太技术化了(对我来说)。我没用过。它的作用是什么? 最佳答案 HTML5从head元素(details)中删除了profile属性。但是,您可以对链接使用rel属性来实现此目的。所以,而不是现在来自W3,TheprofileattributeoftheHEADspecifiesthelocat

jquery - 使用jquery获取元素的-webkit-transform的值

我正在使用新的很酷的css3方法来处理一个div,这样进行转换:$("#thediv").css("-webkit-transform","translate(-770px,0px)");稍后在脚本中我想像这样获取转换的值:$("#thediv").css("-webkit-transform");它返回这样的矩阵:matrix(1,0,0,1,-770,0)我想不通的是如何获得这个矩阵的第5个值(-770)...有什么建议吗?谢谢! 最佳答案 您的矩阵是一个4x4变换矩阵:-770对应于vx。要提取它,请构造一个WebkitCSS

html - -webkit-transform rotate - Chrome 中的像素化图像

在容器div上使用-webkit-transform:rotate(-5deg);,Chrome会渲染具有真正锯齿状边缘的图像网格。而在FF(-moz-transform:)和IE(-ms-filter:)中一切看起来都正常-请查看下面的区别。我能做些什么吗? 最佳答案 您可以查看问题的答案csstransform,jaggededgesinchrome帮助了我来自接受的答案:Incaseanyone'ssearchingforthislateron,anicetricktogetridofthosejaggededgesonCSS

html - 检测 'transform: translate3d' 支持

有谁知道我将如何检测transform:translate3d(x,y,z)支持是否可用?我的问题是我想在支持它的浏览器中使用translate3d,因为它倾向于使用硬件加速,因此动画更流畅,然后回退到translate哪里不是。 最佳答案 查看thissolution.它是基于这样一个事实,即如果浏览器支持转换,的值window.getComputedStyle(el).getPropertyValue('transform')将是包含变换矩阵的字符串,当对元素el应用3d变换时。否则,它将是undefined或字符串'none'

html - rel=profile 是做什么用的?

在为我的新模板制作HTML时,我偶然发现了一个新的元标记这是干嘛的?我发现它链接到这个page,通过谷歌我找到了这个Microformat但我没明白。 最佳答案 在HTML4.01中,有profileattribute对于head元素:Thisattributespecifiesthelocationofoneormoremetadataprofiles,separatedbywhitespace.Forfutureextensions,useragentsshouldconsiderthevaluetobealisteventho

html - 什么是 -webkit-transform : translate3d(0, 0,0);到底做什么?适用于 body ?

-webkit-transform:translate3d(0,0,0);究竟是做什么的?它有任何性能问题吗?我应该只将它应用于body或个别元素吗?它似乎大大改善了滚动事件。谢谢你的教训! 最佳答案 -webkit-transform:translate3d(0,0,0);让一些设备运行它们的硬件加速。找到一本好书HereNativeapplicationscanaccessthedevice’sgraphicalprocessingunit(GPU)tomakepixelsfly.Webapplications,ontheoth

unity_Vector3.up 和 transform.up 的区别

 Vector3Vector3.up:即Vector3(0,1,0)Vector3.down:即Vector3(0,-1,0)Vector3.forward:即Vector3(0,0,1)Vector3.back:即Vector3(0,0,-1)Vector3.right:即Vector3(1,0,0)Vector3.left:即Vector3(-1,0,0)在Scene中画线(脚本挂给Cube)voidFixedUpdate(){Debug.DrawRay(transform.position,Vector3.up*10,Color.black);//黑色Debug.DrawRay(tran