css-transforms

    3热度

    1回答

    我已经得到了css在3d空间中的一个元素上做卡片翻转。除了在页面上下滚动时,您可以在Chrome中的某些位置随机获取页面上显示的白色元素,这非常适用。我在facebook标签中附加了一个图像作为示例。在镀铬窗口,白色的“盒子”有时会掩盖内容。当我注释掉3d变换css时,这不会发生。这是一个小提琴(http://jsfiddle.net/derekaug/QSEvs/)的css,做3d的东西。不幸的

    4热度

    2回答

    喜来变换正在使用scale属性我的代码的CSS变换是这样 -webkit-transform: scale(1.05); /* Safari and Chrome */ -moz-transform: scale(1.05); /* Firefox */ -o-transform: scale(1.05); /* Opera */ -ms-transform: scale(1.05);

    0热度

    1回答

    我有一个页面,您可以从http://dl.dropbox.com/u/16178847/eyewitness/a/b.html查看/下载,但我无法弄清楚如何做我正在尝试做的事情。我想要的是卡片翻转效果,一方面,可以点击以显示/隐藏页眉和页脚。你可能需要一个webkit浏览器才能工作。 我有页眉和页脚显示/隐藏工作:单击照片上的任何位置(或它包含div)以显示/隐藏页眉/页脚。 我甚至有大部分的翻转

    3热度

    2回答

    所以我有这些六角形瓷砖,我想在悬停时放大。六边形是用多个DIVS和CSS3变换完成的。我希望在规模上有所转变,但转换后的部分会在转换过程中失去转换,并在转换完成后重新出现。有什么建议么? 这里有一个小提琴:http://jsfiddle.net/A2mTU/1/ 下面是它应该是什么样子(注:我知道他们使用的canvas元素,我需要使用常规的CSS此):http://www.upperfirst.c

    7热度

    2回答

    以下代码应显示标题栏,页脚栏和图像,但出于某种原因,只要我添加了.div1 { -webkit-transform-style: preserve-3d; },我只能看到标题栏。我知道它似乎应用了一些不必要的div和风格,但我确实需要它们才能使我调出的效果更容易调试。我的页面代码是: <html> <head> <title></title> <style>

    1热度

    2回答

    链接例子删除 问题:Webkit的浏览器(Chrome和Safari),正与我的页面上创建的旋转类的问题。如果我删除内容div上的旋转类,则悬停时出现的大图像显示在正确的位置。 Firefox对旋转的内容div没有任何问题。我在Mac上,所以我无法测试IE。

    4热度

    5回答

    有什么方法可以在IE中旋转元素?我目前使用: -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);

    7热度

    3回答

    我目前在一个新项目上使用Twitter Bootstrap。该项目的主要部分是一个缩略图库,与他们在示例中所使用的完全相同(此处为:http://twitter.github.com/bootstrap/components.html#thumbnails)。 问题是我目前正在根据他们的EXIF取向数据在需要时进行css转换(旋转,基本上)图像。当我使用变换(现在使用-webkit-transfo

    1热度

    2回答

    我正在制作一个电子贺卡。当用户点击卡时,它将打开并显示其内容。我如何在CSS和JavaScript中做到这一点?我正在使用透视和旋转,正如你可以看到here。如果您知道一个看起来像我想要做的示例,请发布链接。

    1热度

    1回答

    我正在制作一个带有css动画的卡片,在Chrome/Safari上效果很好,但是在Firefox上,其中一个div正在摆脱位置。在Chrome/Safari和Firefox上打开this fiddle,查看发生了什么。有人知道一个修复/ workarround这个?