css-transforms

    2热度

    2回答

    CSS3 rotateY没有过渡应用

    我正在寻找一种简单的方法来取得一个对象，并转换其rotateY属性没有它动画到其预先设置的过渡。 This will help me complete this slide show（只能查看Chrome或Safari（WEBKIT）） 这里有效果的细分例如： CSS - 过渡设置为5秒 1阶段 部件1 - rotateY：0; Element2 - rotateY：-180; 用户 - 点击按钮
    jquery css css3 css-transitions css-transforms 2011-07-27

    1热度

    1回答

    CSS3D变换：失去元素交互性

    我正在创建一个可以通过键盘控件旋转的3D立方体。但旋转后，每个脸部的部分会失去交互性（鼠标事件不会在包含的元素上注册）。任何人都知道什么可能导致这个问题 这很难解释，所以这里是一个测试网站的链接： http://joe-morgan.net/projects/matrix3d/ 它只能在Safari和Chrome，当然。 乔·摩根
    css3 css-transforms 2011-09-29

    4热度

    2回答

    -moz-animation为什么不起作用？

    以下CSS在Webkit中正常工作。没有在Opera中检查过它，但我知道它不适用于Firefox。有人可以告诉我为什么吗？ 正确的类肯定会应用到我的HTML（使用Firebug检查它，并且我确实在.arrow上看到-moz-animation: 500ms ease 0s normal forwards 1 arrowRotateDot属性）。 这也不适用于IE9，虽然我原本有-ms-animat
    css css3 css-transforms css-animations 2011-09-30

    1热度

    1回答

    CSS：使用 - * - 变换：旋转。对齐问题

    对于我的HTML picture viewer，我试图通过CSS -*-transform: rotate（90度）自动旋转一些图片。由于宽度大于图片的高度，因此img元素太小，旋转的图片覆盖了上下文中的一些文本。 要修复/解决此问题，我创建了一个带有预期大小的div。这导致了另一个问题，即图像现在也放错了位置。为了修复/解决这个问题，我在它周围创建了第二个div，它修复了不好的位置。 一个例子（
    html css rotation css-transforms 2011-08-17

    0热度

    1回答

    任何获得-webkit-transform：rotateY以在Android浏览器上工作的方式？

    尽管2d旋转似乎适用于我的Froyo浏览器（Nexus One），但绕Y轴旋转的所有尝试似乎都围绕Z轴旋转。我也尝试了-webkit-transform：matrix3d而不是roateY，但它也没有工作。 有没有解决方法，或者是否有成功的报告，这在Android上成功使用？
    android css3 webkit css-transforms 2011-10-06

    2热度

    1回答

    CSS3旋转和起源

    我试图创造一些高端到文本将类似于此， T E X T H E R E 但是我的代码产生正确的效果，但不是严格正确说话，因为它是ouputting它像这样 E R E H T X E T 这是我的CSS，我怎样才能让它成为第一个例子而不是第二个？ .accordion li > h2 { color: black; font-weight:
    css css3 css-transforms 2011-08-22

    12热度

    2回答

    如何在移动设备上平滑地在CSS或Javascript中创建高度

    我正在为移动设备开发HTML5 Web应用程序，并遇到了一些平滑动画的麻烦。基本上，当用户点击一个按钮时，抽屉（高度为0px的div）应该给定高度的动画（以像素为单位），并且内容将被附加到该抽屉中。如果你有一个Pinterest帐户，你可以看到现在的动画，在http://m.pinterest.com（点击Comment或Repin按钮）。 不幸的问题是，在移动设备上，Webkit Transit
    android iphone css3 mobile-safari css-transforms 2011-10-13

    13热度

    5回答

    使用JavaScript或jQuery检测，如果CSS变换2D可用

    我在我的网站上显示一个元素，我旋转-90deg 但如果浏览器不支持CSS变换元素 看起来错位并且不太好。 现在我想检测与JavaScript或jQuery（它是无差别的 如果jQ或JS，因为我使用/已加载jQ在我的网站上）如果通过CSS这种旋转支持？ 我知道Modernizr但只是为了那件小事我不想包括整个库（并加快网站速度加载速度）。
    javascript jquery css css3 css-transforms 2011-08-27

    -1热度

    2回答

    CSS元素旋转，部分切断？

    看到这个图片： http://i56.tinypic.com/311vw51.png 你会注意到图像2和3（左侧）的边界的一部分被切断，不完全可见。我正在使用transform：rotate（xdeg）; CSS规则。 除了添加更多的填充或不填什么之外，还有什么可以做的吗？我试图改变z-index，但这似乎没有帮助？我错过了什么吗？
    css image-rotation css-transforms 2011-09-15

    2热度

    1回答

    Webkit透视变换透过另一个div

    3d旋转的div透过另一个具有较高z-index的div。我想阻止这一点，并强制遵守z-index定义。我认为-webkit-transform-style：flat;会解决这个问题。任何人都有一个建议？
    html5 css3 perspectives css-transforms 2011-09-20
最新问题