css-transforms

    6热度

    3回答

    堆叠CSS3转换函数从多个选择在样式表

    比方说，我有2倍的DIV： ​<div class="div1"></div> <div class="div2"></div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 我想他们的旋转两个： div { position: absolute; width: 100px; height: 100px; -webkit-transfor
    css css3 css-transforms 2012-07-31

    5热度

    1回答

    CSS 3D变换角度问题

    我使用CSS3执行上一个div以下转变： '-webkit-transform' : 'rotateX(45deg) rotateZ(-45deg)' 的结果是这样的： ，或者由于本小提琴：http://jsfiddle.net/kteSW/ 正如我们在这里看到的，角度是36deg，而不是30deg（sin45 * sin45）。 有谁知道这个问题的原因？这是打算或是一个CSS3的错误？ UPDA
    css css3 css-transforms 2012-08-02

    2热度

    3回答

    如何让CSS动画不会占用整个CPU？

    我正在尝试使用CSS动画制作一个加载器gif，并将其转换。不幸的是，下面的代码将Mac OSX上的Firefox（有时是Chrome，Safari的）CPU使用率从< 10％转换为> 90％。 i.icon-repeat { display:none; -webkit-animation: Rotate 1s infinite linear; -moz-animati
    css twitter-bootstrap css-transforms css-animations vendor-prefix 2012-08-02

    1热度

    3回答

    使用CSS旋转文本的灵活布局

    我试图布局一个需要旋转270度文本标签的控件。文字标签的宽度在理性范围内（比如说100px到500px）是可变的。 我试图得到这个工作在的jsfiddle http://jsfiddle.net/ericjohannsen/LhjNq/3/ ，但遇到了一些问题，我解决不了： 文本中非旋转区域（jsFiddle中的黄色和橙色）向右移动所旋转文本的长度。 旋转的文本延伸到远远低于关联的非旋转区域的底部
    css css-transforms 2012-08-06

    1热度

    1回答

    如果不调整<iframe>本身的大小，是否可以缩放<iframe>的内容？

    我使用媒体查询根据屏幕分辨率缩放：iframe及其内容随着屏幕变小而变小。现在，这在纸上看起来还不错，但由于某种原因，随着iframe的尺寸减小，它会剪辑部分内容。我试着去源文件，并在那里使用媒体查询，希望也包括那些;没有效果。 有没有什么办法可以使用CSS媒体查询来缩放或调整内容的，而无需调整iframe本身的大小？
    css iframe scale css-transforms 2012-08-07

    0热度

    1回答

    检测计算机是否可以正确支持3D转换

    当我检测到webkit时，我使用3D转换属性添加了附加样式表。 虽然它在许多不同的计算机上工作正常（所有在同一个chrome版本），有些不会正确渲染动画。 这些是较旧的计算机与更便宜的图形卡。 （我想这是什么导致的问题。） 有没有更好的方式来检测，如果一台计算机可以处理Css 3D变换比依靠浏览器检测？
    css css3 browser-detection css-transforms graceful-degradation 2012-08-10

    1热度

    1回答

    使用变换组合CSS动画

    我想编写两个单独的CSS关键帧动画以使图像振动和旋转（请参阅http://jsfiddle.net/3zAeZ/）。我相信我遇到的问题是：我在两个关键帧规则中都设置了transform属性，因此一个规则是打断另一个规则。 我知道这个工程采用顶&离开，而不是翻译，但关键帧规则会更容易在未来的重用，如果我做一个变换（例如，如果我以往任何时候都需要将图像不同的位置）。 我很难过。我可以这样做吗？有更好的
    css css3 css-transforms css-animations 2012-08-10

    9热度

    1回答

    CSS3动画在IE9中不起作用

    CSS3动画在IE9中不起作用。这里是jfiddle link。是否有可能让他们在IE上工作，或者我犯了一些愚蠢的错误？这里是一个不正常的代码： @-ms-keyframes rotating { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } } #rotateMe{
    internet-explorer css3 css-transforms css-animations 2012-08-12

    4热度

    1回答

    带有生成的内容/伪元素的转换后的元素不符合z-index

    基本上，如果你看看this，你会看到我有一个元素，其中应用了一个已生成内容的变换。 :after元素应该出现在div的后面，但它不是。没有任何数量的!important -ing正在起作用。 我怎样才能让伪元素出现在div之后？ 我不关心IE 8或更低版本。
    css3 z-index pseudo-element css-transforms 2012-08-14

    0热度

    1回答

    如何对齐/ valign其父div中的css旋转跨度

    如何获得紫色div中间的“反馈”跨度？ http://jsfiddle.net/XcWHr/ 我已经尝试了一些变化就这些主题：https://developer.mozilla.org/en-US/docs/CSS/transform-origin?redirectlocale=en-US&redirectslug=CSS%2F-moz-transform-origin 位不能完全击中了要害...
    css css-transforms 2012-08-16
最新问题