2012-07-13 57 views
1

我有一堆绝对位于父容器中的子元素。我想将其中的一些移动到相对于其父容器的位置,仅使用CSS变换。这可能吗?看来,CSS翻译只能做绝对距离。CSS变换完全翻译

这里是一个setup jsfiddle。我希望班级“中心”通过CSS变换让两个内部div都出现在中心。

使用CSS转换的要求是因为这是一个动画转换,我希望硬件加速启动,如果使用left/top,则不会发生这种情况。

我可以使用HTML标记。

+0

你试过了什么?你能提供一个简短的代码示例和一个[JSFiddle](http://www.jsfiddle.net)? – 2012-07-13 18:48:43

+0

我发布了一个JSFiddle的例子来说明。 – 2012-07-13 19:02:45

+0

不可能用'transform'sans javascript来计算偏移距离,恐怕。 – Duopixel 2012-07-15 14:17:24

回答

0

试试这个http://jsfiddle.net/GrdmL/ 你必须改变CSS点点,因为如果u已经申请了一些财产与#ID选择的帮助下,你不能修改这些属性与选择的.class帮助

希望这将解决你的问题对于任何查询发表评论。

+2

如问题所述,只能使用变换。 “左”属性不会被GPU加速,并且在动画多层时会滞后。 – 2012-07-23 19:09:26