css-transforms 相关问题

CSS变换允许使用CSS样式化的元素在二维或三维空间中进行变换

如何在浏览器中对齐Bootstrap列中的元素

我有图像居中(和分层)死屏中心,以及图像下的粘性导航。它在Chrome中完美运行,但在IE或Firefox中无法运行。我错过了什么?这是HTML

回答 3 投票 0

用于平面到平面投影的CSS变换矩阵

我一直在玩视觉滚动效果的3D变换,我试图了解如何进行平面投影。我一直在搜索,但涉及的矩阵数学是......

回答 1 投票 0

在bg重叠时将文本颜色变为黑色

我有一个div与背景颜色渐变绝对定位。我有这个文本,当我向上滚动文本时,我想要更改为白色。我正在使用'混合混合模式'......

回答 3 投票 13

具有transform属性的元素内的子元素z-index

我遇到了问题,我想知道你们是否可以帮助我。如代码片段所示,我有一些带有transform的元素:translate(0,0);然后,在他们里面,我有一个“......

回答 3 投票 2

基于CSS3的滑入式导航

我正在使用基于CSS3的滑入式导航。导航当前从左到右滑动,并以一定角度进行必要的过渡。我想使用相同的效果,但我需要幻灯片...

回答 2 投票 0

CSS转换在Edge中不起作用

我遇到了以下问题。在我创建的这个网站上,我有一个位于页面底部的图库。如果我将鼠标悬停在拇指上,它们会像疯了一样飞来飞去,这不是什么......

回答 3 投票 9

CSS变形像敞开的门

我正在尝试创建一个打开和关闭门的动画但是在某个地方我犯了一个错误左上角和左下角看起来不像我想要也许有人知道问题是什么...

回答 2 投票 1

使用变换比例时防止像素小数

我有一个滑块,由1366px x 768px的iframe组成,我可以缩放以适应窗口调整大小。但是,当1366分割时,我可以随机获得元素实际宽度的小数......

回答 2 投票 0

梯形部分,剪切背景图像

我正在尝试创建一个带有梯形形状的Web布局,如附图所示。另外,每个部分都有一个背景图像,用背景或类似结果填充背景。 ...

回答 2 投票 1

CSS:计算旋转后的两个重叠矩形的溢出

我知道一个奇怪的问题,但我想知道是否有可能计算出一个矩形需要完全适合另一个矩形的宽度,在第一个旋转后...

回答 1 投票 2

如何通过以圆形方式堆叠div来创建棒棒糖形状?

如何以循环方式堆叠div,其中最后一个div应位于第一个div之下但高于第二个最后一个div。用css有可能吗?任何帮助将不胜感激。请找到 ...

回答 3 投票 4

css过渡不适用于移动铬

我正在尝试在单击某些文本时使用css转换来缩放图像。复选标记图像应该在每次单击链接时进行动画处理。但在iPhone Chrome中,复选标记不是......

回答 1 投票 3

CSS角落色带未在iPad中旋转(Chrome)

以下CSS3角落功能适用于Chrome桌面版,但如果您在iPad上打开它,则不会旋转。 http://jsfiddle.net/u6hqte8s/1/ .ribbon {position:absolute;剩下:...

回答 2 投票 1

为什么变换的顺序很重要? SVG旋转/缩放不会产生与缩放/旋转相同的结果

在梳理了SVG规范以及此类和此类指南之后,我仍然在努力理解链接变换的工作方式。选择相关引用当您应用...

回答 2 投票 1

如何设置歪斜矩形的高度动画?

我试图在悬停矩形时制作动画。我想要达到的目的是让Rectangle像倾斜一样在倾斜时占据整个高度,我不想拉直。这是 ...

回答 2 投票 1

CSS旋转变换使图像模糊

我创建了一个八边形剪裁样式,使用CSS转换旋转和缩放作为下面的代码片段。但是,在El Capitan上查看Chrome 52.0.2743.116(64位)时,图像看起来很模糊。在...上

回答 1 投票 3

绝对div由翻译元素覆盖

我有一个问题,我正试图解决,但到目前为止一直困扰。我有一张桌子,我用了一个小技巧;这个结果在我的表中包含了“transform:translate(0,0)”的样式...

回答 1 投票 1

为什么在2D变换期间文本会变得模糊和抖动

我想让这张卡在悬停时缩放(包括里面的元素),但是在转换过程中(当你将卡片悬停时)文字会摇摆/抖动,并且在它之间和之后变得模糊......

回答 3 投票 16

当球通过它时如何制作环/环翻转?

我试图制作这样的东西:但球似乎没有穿过戒指,而是穿过戒指。我该如何解决这个问题?身体{身高:50em; }。{{

回答 3 投票 15

使所有列翻转并在后面显示文本

我不能让所有的列翻转并在后面得到一个段落,我感谢任何帮助。这是我的代码:https://codepen.io/nizar-bamida/pen/GLgEWO section {width:980px;保证金:0 ...

回答 1 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.