css-transforms

    5热度

    1回答

    我注意到,虽然优化了iPad上使用硬件加速的动画,但我似乎遇到了一个我尚未完全解决的问题。如果您正在应用翻译等webkit转换,虽然动画运行良好,但如果在动画中出现用户滚动页面,当它们释放时导致动画结束,从而它恢复到其原始位置并尝试继续它的动画到了终点。 我一直在寻找解决这个问题的地方,看到它也发生在iPad商店!如果您手边有iPad并导航到,例如:http://webkit.org/demos/

    10热度

    1回答

    问题:当使用“overflow:auto;”计算包含div的滚动条的scrollHeight和scrollWidth时,浏览器(FF5,Chrome12,IE9)将忽略应用于div内子元素的css3变换。 <style type="text/css"> div{ width: 300px;height:500px;overflow:auto; } div img { -moz-transfo

    2热度

    1回答

    目标: 围绕圆柱包围全景图像/视频并控制内部的“相机”以环视全景图。 首先,我找不到任何图像的例子,更不用说缠绕在圆柱体上的视频。有人知道怎么做吗? 我认为我应该罚款用鼠标或箭头键控制视口的交互方面,但我不知道如何开始使用这个圆柱的东西,因为我有点CSS变换和3D的noob webkit编码... 爱你很久 - 非常感谢你的答案! -Joel

    0热度

    1回答

    下面是一个快速演示,仅限Safari。 http://jsfiddle.net/2late2die/8AJnD/ 如果删除透视样式,所有复选框显示为正常。使用-webkit-transform-style:preserve-3d做同样的事情(即复选框消失)。似乎也适用于广播箱,但不适用于输入元素。 这很可能是Safari中的一个错误,但我只是想确认没有解决方案。

    0热度

    1回答

    变换性的判定我想我的时候了。我悬停使用follwing代码rotate.Bui它旋转图像不工作.... #header #scn:hover{transform:rotate(45deg)}; 它并不作品me.I am Firefox 4. 有什么办法可以在IE8中执行转换和阴影效果。

    4热度

    2回答

    闪烁我要慢慢放大图像。我idea作品在WebKit的很不错,但不能在Firefox。 是否有人知道为什么或如何使它更好?

    1热度

    1回答

    我下面的代码: HTML代码体: <div>asbcakjscb<div> CSS代码: div { width:400px; height:400px; background:red; -ms-transform:scale(.3); } 的JavaScript代码: document.quertSelector('div').style.msT

    7热度

    2回答

    CSS3 3D转换+动画效果很好。我想知道是否有办法让事情变得弯曲。 本示例翻转(纸张)div,但动画看起来很僵硬,因为实际上,当您翻动纸张时,它会弯曲一点。 因此,我忽视的任何属性或可能使它看起来像它弯曲的组合? div { width: 90%; height: 700px; position: fixed; left: 5%; top: 0;

    2热度

    3回答

    我正在使用图像对角线对齐的网站上工作。这些图像非常简单,并且里面有一些文字,所以我可以使用图像或CSS3 transform: rotate和border-radius属性(具有所有专有扩展名)授予该效果。 但是,我想知道是否有显着的优势,使用一个在另一个。我在想也许只有CSS的选择会加载速度更快,但缺点是每个图像使用更多的代码。尽管使用图片,但我仍然需要为每个元素进行很多定位。此外,第一种情况下

    0热度

    1回答

    使用Webkit变换创建卡片翻转效果。我喜欢在一个部分工作,在那里我有一个围绕中心轴旋转的DIV,看起来卡片正在翻转。 我现在想在页面转换中添加同样的效果。我使用相同的CSS和HTML结构,但在这种情况下,我没有获得围绕中心轴旋转的效果。 相反,它看起来像是转换沿着y轴旋转,锚定在对象的左侧而不是中心(所以它看起来像一个开门,而不是卡片翻转)。 我一直在阅读规范的内容,但不知道哪个属性控制旋转轴的