CSS变换不适用于内联元素
我想把单词 WEBLOG 中的字母E进行镜像处理，因此我使用了CSS transform属性，但如果我将文本包装在标签内，则不起作用，但是如果我将标签赋予display: inline-block;或display: block;属性，则会起作用。 那么transform不适用于行内元素吗？...
如何在CSS过渡期间防止Webkit文本渲染更改
我正在使用CSS过渡来在CSS变换状态之间进行过渡（基本上是过渡元素的比例）。我注意到当元素正在过渡时，页面上的其他文本（在Webkit中）往往会稍微改变其呈现方式，直到过渡完成。 示例：http://jsfiddle.net/russelluresti/UeNFK/ 我还注意到，我的标题...
CSS变换与元素调整大小
我找到了这个：width/height after transform和其他一些问题，但都不是我想要的。我想要的是将某个元素缩放到其大小的50%（当然还需要一个漂亮的动画过渡），并且页面布局调整为该元素的新（视觉）大小。默认情况下似乎发生的是元素仍保留其原始大小在布局结构中，并且仅使用相关变换...
translate3d与translate性能对比
我们现在都知道，尤其是从那篇好文章中得知，我们应该优先选择使用css-transforms来动画化位置。 但我们可以在translate()和translate3d()之间进行选择... 哪一个通常更快？
在鼠标悬停时旋转图像
我想了解如何在鼠标悬停时使图像旋转或转动。我想知道如何使用CSS在以下代码中模拟该功能： 我希望找到如何在鼠标悬停时使图像旋转或转动的方法。我想了解如何在以下代码中使用CSS模拟该功能： img { border-radius: 50%; } <img src="http...
如何创建纯CSS三维球体？
总之：我想用CSS创建一个真正的3D球体，而不仅仅是一个幻觉 注意：一些代码示例不能自适应。请使用全屏模式。 使用纯CSS，您可以像这样创建和动画化一个三维立方体： #cube-wrapper { position: absolute; left: 50%; top:...
在同一个元素上使用translateX和translateY吗？
是否可以在同一个元素上应用CC平移X和Y？如果尝试这样做，translateX将被translateY覆盖：.something { transform: translateX(-50%); transform: translateY(-50%); }
3D CSS变换，Firefox中的锯齿边缘
与Chrome中的“css transform, jagged edges in chrome”类似，Firefox在3D变换中也会出现相同的问题，例如：http://jsfiddle.net/78d8K/5/（<- 记住：Firefox）。 这一次，backface-visibili...
如何重置CSS3中的*-transform: translate(…)？
如何重置CSS中的transform属性和translate值？ 假设我有以下代码：div.someclass { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate(0, -50%)...