CSS转换效果后的图像移位/跳跃与Firefox的缩放变换
我在最新的 Firefox 浏览器版本34（系统：Windows 7，屏幕宽度：1600像素）中遇到问题。我在缩放图像（在某些容器中）后将其悬停在上面。我使用 transition：transform 0.3s ease-in-out 使用 transform：scale（1.1）。但是当我在图像上悬停时，图像放大后，它做一些奇怪的1px移位。一些渲染浏览器bug，但我希望现有的一些修复它。请帮助
..
transform相关内容
如何使用Javascript精确设置动态样式转换？
我知道设置变换的方法，但我想设置旋转和保持其他的，如缩放和倾斜。 也许，我们可以写一个函数： //元素的变量，而不是参数。分离出来使得更清楚。 var el = document.getElementById（'el'）; function setTransform（p_name，p_value）{ //如何编写一些代码来设置el转换风格... } pre>
..
对转换的模糊文字：在Chrome中旋转
我正在构建一个带有旋转（ transform：rotate（10deg）的封装器div的网站。 div内的文本也旋转。我想让文本直线，所以我旋转它（ transform：rotate（-10deg））。文字仍然正常，但这会导致Chrome（最新版本，mac）中的文字模糊。我试过： -webkit-transform：rotate（.7deg）translate3d（0，0，0）; -w
..
css scale转换如何影响文档流？
我真的很困惑如何使用css转换缩放元素会影响文档流。 考虑这个jsbin 或这个codepen，因为jsbin似乎已经下降，我有 p {slipsum text} #scaled ＃scaled-content {some text} p { slipsum text} 使用样式表 ＃scaled-contents { height：400px;
..
CSS：在webkit上使用对象适配和一起变换时的问题
我试图在 img 元素上同时使用css属性 object-fit：cover 我的图像填充它的包含 div 和 transform：scale（xx）使图像缩小悬停。 p> 这里是一个示例小提琴： https://jsfiddle.net/96kbuncq/ 编辑：带有真实图片的示例： https://jsfiddle.net/96kbuncq/3/ HTML：
..
使用CSS3变换缩放放大点
即使以下代码段似乎短暂，我也在几天内挣扎（羞愧我！）找到一种方法来缩放点击的点仅使用CSS3 transform 。现在可以使用： var current = {x：0，y：0，zoom：1}，c = document.getElementById '）; window.onclick = function（e）{wx = current.x + e.clientX / current.z
..
如何使用calc（）在另一个函数内
可以在 transform 或 calc（） > translate ？ 我似乎不能得到它的工作。这里是一个演示，所以你们可以玩： http://jsfiddle.net/qdJwY/1/ 解决方案 您可以使用 calc（）无论你可以在CSS中使用基于长度的值。您提供的示例可以工作，但实际上最多为0.以下是稍微更改的演示： http： //jsfiddle.net/joshnh/6
..
CSS3 transform：translate3d不影响z轴？
我已执行此程式码片段： CSS div { position：absolute; -webkit-transition：all 0.3s ease-out; } .block { background：＃fc0; / * YELLOW * / top：50px; left：50px; width：80px; height：40px; -web
..
更改宽度/高度可移动旋转元素
更改旋转元素的宽度/高度时，元素移动！ 下面是一个示例 JSFiddle 当我更改宽度例如，对象失去其原始位置，这会影响jQueryUI Resizable并使其无法使用。 CSS： .test { position：absolute; top：200px; left; 200px; width：400px; height：200px; b
..
CSS“transform：rotate（）”影响具有“位置：绝对”的整体设计。 （不正确对齐）
我恐怕我不知道如何解释它，以及我可以显示它。因此，我已设置 这个小提琴。 正如你所看到的，导航菜单不是它应该在哪里。它应该精确地设置在head元素的下边框和左边框。也就是说 bottom：0 和 left：0 。然而，我设置旋转-90degs，很明显， nav 元素的绝对定位发生在旋转之前，或者可能在原始元素，如果 我尝试使用：之前和：之后伪元素尝试看看是否可以解决这个方式。但我不能完
..
CSS3变换导致文本在Safari和Firefox Mac Yosemite中闪烁
我在Safari和Firefox（Mac / Yosemite）上遇到这个奇怪的问题，导致当鼠标悬停在转换元素上时，页面上的几乎所有文本都会闪烁。 示例gif：（Firefox，Yosemite） .usp { // USP有一个下面定义的图标 不透明度：.4; @include transition（all .3s ease-in-out）; &：hover {
..
CSS将方形变成更薄的菱形
如何使用css转换正方形，创建菱形：（如红色所示）只有B和C点必须移动。原始大小的正方形是25px x 25像素。 我想实现这个结果，并将其旋转45度，使它看起来像一颗钻石。我认为这可以使用transform：matrix（）; P.S。我想尝试尽可能不使用explorercanvas，因为我试图最小化脚本标签在html。 解决方案 -webkit-transform：rot
..
CSS变换：translate move postion：fixed inner
以下示例显示了div中的div。内部div是 position：fixed; 当我添加 transform：translate（0px，0px）; 到外部div，内部div将不再像固定 b 链接到示例： http://dabblet.com/gist/1723937 那么，translate是否真的改变了视口？
..
转动的3d Navbar
这是我的代码： .navbar-fixed-bottom {background：transparent; } .navbar-透明{width：100％;高度：100％;位置：相对; -webkit-perspective：1100px; -moz-perspective：1100px;透视：1100px; -webkit-perspective-origin：50％0; -moz-pe
..
CSS3转换顺序问题：最右边的操作第一
当我们使用CSS3 transform：operation1（...）operation2（...） p> 第一个操作似乎是右边最常用的操作。，例如 operation2 在 operation1 之前完成。 确定，是真的吗 注意：我在某些地方读过一件事， 解决方案 是的，第一个操作是大多数在右边，即 operation2 在 operation1 之前完成。 以下是文档
..
CSS3“弯曲表面” 3D变换/透视帮助
我想为我的网站创建一种透视人群。它的字面上是一个充满平整的图像，我想创建一个“弯曲”的感觉像一个圆形的人群。 海报圈示例是最近我可以找到的
..
可以“捕捉到像素”后CSS翻译？
我创建了一个模态框，并使用Chris Coyer提到的技术垂直居中。我发现到目前为止唯一的问题是，有时该盒子偏移半个像素，这可以使一些孩子看起来有点little。。我的问题是，是否可以将结果捕捉到最接近的整个像素？ 更新 这里有一些图片，以更好地说明这个问题。在此第一张图片中，您可以看到文字输入和链接下划线正确呈现： 第二个图像显示使用CSS变换后的效果。请注意链接下划线的模糊和
..
如何获取具有CSS3变换的元素的MouseEvent坐标？
我想检测其中 c> MouseEvent c 在相对于被点击元素的坐标。为什么？因为我想在点击的位置添加一个绝对定位的子元素。 我知道当没有CSS3转换存在时，如何检测它（见下面的描述）。但是，当我添加一个CSS3 Transform，那么我的算法会中断，我不知道如何解决它。 我不使用任何JavaScript库，我想了解事情如何工作在纯JavaScript。所以，请不要回答“只使用jQ
..
3d变换SVG
是否可以在SVG 元素上实现3d像透视变换？ 我说的是类似星球大战开幕式的样子。 这是一个我用同样理想的效果制作的jsfiddle使用css3转换实现：
..
CSS变换后可点击的链接区域意外地小
我有一个无序列表，有几个列表项，它们使用CSS 3D变换作为翻转卡。我想让他们通过点击列表项中的链接/锚点元素，这些链接也填满整个列表项。 列表项目看起来和在它们的默认非翻转状态中行为良好，但是一旦我点击一个并且它翻转，它的背面上的可点击链接区域仅在列表项的上半部分。当我在Chrome中检查时，链接区域仍然填满列表项的整个高度，因此我不知道发生了什么。 小提琴： a href =“ht
..