css-transforms

    0热度

    4回答

    得到了一个非常棘手的问题,我一直在试图弄清楚一段时间。基本上我正在建造一个大转轮,它有多个以不同速度转动的元件。它大约是5000像素,但视口是窗口高度的百分比。由于缩放,轮子本身就是SVG,因此它在所有设备上看起来都很清晰。 SVG在地方有一些非常复杂的路径。 这很难解释,所以我做了一个我正在谈论的准系统演示:http://jsfiddle.net/UsVeZ/3/embedded/result/

    1热度

    1回答

    我有一堆绝对位于父容器中的子元素。我想将其中的一些移动到相对于其父容器的位置,仅使用CSS变换。这可能吗?看来,CSS翻译只能做绝对距离。 这里是一个setup jsfiddle。我希望班级“中心”通过CSS变换让两个内部div都出现在中心。 使用CSS转换的要求是因为这是一个动画转换,我希望硬件加速启动,如果使用left/top,则不会发生这种情况。 我可以使用HTML标记。

    2热度

    1回答

    我有一个窗口里面有一个孩子。孩子应该在窗户内移动。 窗口使用css变换(-webkit-transform)进行缩放。 我想是这样的: html <div class="window"> <div class="rect"></div> </div>​ css .window { width: 640px; height: 480px; back

    6热度

    2回答

    是否存在使用webkit中的CSS而不使用3D(例如translateZ(0))(按照Are 2D transforms hardware accelerated in Mobile Safari?)强制进行2D变换的硬件加速的问题。 我发现有position: fixed元素,其中的元素设置为给position: absolute等价的东西,相对于视所以没有定位的问题,而它最终相对于父容器定位的

    1热度

    1回答

    如前所述,拖动画布本身后,画布上的元素会跳转。我正在使用-webkit-transform:translate(x,y)来拖动画布。有什么想法来解决这个问题?

    2热度

    2回答

    我尝试使用Slicebox,但我无法得到它的作品。它在Chrome和Opera中效果很好,我看到一个不错的回退 - 但在Firefox中,我只有灰色框。我认为问题在Modernizr csstransforms3d检测。我不确定Modernizr是否应该检测3d变换。有谁知道究竟是什么导致了这种行为?

    1热度

    2回答

    在Internet Explorer 9中旋转超链接时,屏幕上的绘画似乎处理得很好,但可点击区域似乎并未尊重这一点。 是否轮转使用-ms-transform,filter或-ms-filter似乎并不重要。旋转超链接本身(a:link)或其容器(例如div)似乎也无关紧要。对于后者,overflow:hidden也不受尊重(同样,对于可点击区域;被绘区域按预期剪裁)。 有没有什么办法解决这个问题,

    1热度

    1回答

    我正在使用deck.js进行演示。对于一张幻灯片,我想要一张带有可以旋转的数字/图像的静态标头。下面是相关的HTML: <section class="carousel slide"> <h2>Static Title</h2> <figure class="slide"><figcaption>Text for first image</figcaption><img src

    1热度

    4回答

    我建立具有定顶部和边境页脚: 有没有办法在CSS来实现这一(含转换也许),而不必诉诸SVG? 感谢

    3热度

    2回答

    我遇到了CSS 3D透视属性的问题。 <figure> <img src="http://www.saintbioz.fr/wp-content/uploads/2010/02/paysage-montagneux.jpg" width="512" height="384" alt="Landscape" /> <figcaption>Summer in the mountai