草庐IT

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

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 - 什么是 -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

ios - UIView/CALayer : Transform triggers layoutSubviews in superview

当更改UIView的某些属性时,它会触发superview中的layoutSubviews。我在文档中找不到关于此的任何声明。这些属性触发父View和自身的布局框架界限这些属性仅在父View中触发布局转变layer.transform这些属性仅在自身触发布局无这些属性不会触发任何布局居中layer.anchorPointlayer.position阿尔法我发现transform会触发布局,而position和anchorPoint不会。示例代码:https://github.com/hfossli/LayoutSubviewsInconsistency我想知道:为什么我会看到这种行为如

ios - Xcode 7 中的 "changing property masksToBounds in transform-only layer, will have no effect"

当我在iPadXcode7beta6上启动我的应用程序时,我在调试器控制台中收到此警告。直到Xcode6才出现这样的警告。我不明白为什么它会出现,而且也只是在iPad上出现。根据anAppleforumthread这可能是苹果方面的错误。有没有人找到解决方案? 最佳答案 为了消除此错误,请取消选中cliptobounds选项并将比例填充以查看所有View,您在项目中使用的UIStackView。 关于ios-Xcode7中的"changingpropertymasksToBoundsin