css-transforms

-1热度

3回答

你好，我试图用css Image Link来做这样的事情。我试过transform: skew(0deg, -35deg);和transform: rotate(-45deg);，但背景颜色不是图像。

1热度

1回答

我想创建两个div，在父类中，一个div与一类正面，另一类背面。我试图翻转后面的一个，并将它放在前面，所以当我翻转它的父母后面的一个显示，并且当它的翻转再次回到前面显示的时候，创建一个三维卡片，当徘徊时翻转。然而，无论背部与前部重叠，前部只有从前部或后部观察时才可见。我曾尝试使用背面可见性：隐藏在两者上，这从我的理解应该使翻转后的div不可见，但是这导致背面完全消失，并且它对前面没有影响。我知道这

0热度

1回答

短代码中转换属性的转换

我很困惑如何正确编写代码？选项1： .line-all { -webkit-transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); } .anima

0热度

1回答

使用多重转换：在同一元素上翻译（X，Y）

我有这些逐步海报中的一个的图像，我将它放在另一个div中以隐藏海报图像上的所有多余部分并隐藏溢出，因此它只会一次显示一步。 transform: translate(-23px, -40px); transform: translate(25px, -165px); transform: translate(5px, -325px); transform: translate(-230px,

1热度

1回答

CSS变换比例：哪个框被缩放？

在元素上使用CSS transform: scale(2,2);时，该元素的内容框，填充框，边框或边框将被缩放吗？（我有一个直观的感受，答案是边界框，但我需要确认。）

0热度

1回答

垂直旋转的3D引导旋转木马

我想延长引导旋转木马，使其具有类似这些例子旋转效果： https://desandro.github.io/3dtransforms/docs/carousel.html https://codepen.io/nopr/pen/rfBJx 我试图用这个垂直引导滑动器一个例子，因为它似乎有CSS我需要： https://codepen.io/danbhala/pen/eNZrQW/ 然而，到目前为止

1热度

1回答

CSS3动态变换使用jQuery翻译背景

朋友我想创建一个背景效果，我想要使用关键帧动画变换翻译的属性来动画2个背景图像并使其彼此混合。问题是它第一次工作正常，然后循环变得凌乱..所有的时间已经结束，我不知道如何解决这个问题。朋友们，如果你能解决这个问题或找到一种方法来使用jQuery来处理这个问题，而不是关键帧动画，这将是非常有用的。 U可以看到在https://jsfiddle.net/8c6up9zr/ CSS #wrapper

1热度

1回答

缩放一个旋转的矩形并找到新的控制点和中心

我将要共享的代码笔链接中的代码有点复杂而且密集，所以我实际上不是要求代码而是要求建议。 https://codepen.io/anon/pen/LLEedg?editors=0010 它是关于缩放旋转矩形，并找到新的缩放矩形的顶点坐标。当我旋转矩形时，我将其中心转换为视口的0,0并进行旋转。然后我翻译回旧的地方。有用。然后我做一个刻度将transform-origin移动到矩形的右下角。为了避

4热度

4回答

：悬停旋转CSS保持位置发现

:)非常感谢您的时间伙计。我在悬停时用CSS旋转了一个对象，并希望它在停止时保持它的新位置。我已经四处搜寻，但唯一能找到的是css :hover rotate element and keep the new position，这似乎超越了。这个效果可能纯粹用CSS实现吗？一旦你停止盘旋，我想让图标保持在180的位置。我用这个代码： i.fa.fa-globe:hover { color:

-1热度

1回答

什么是补间在CSS？

什么是在CSS精确补间和我们在哪里使用它。当我在网上搜索有关它的时候，我所知道的是“姿势 - 姿势选项是在整个序列中创建几个关键帧，然后填充空隙。填充这些空隙称为中间或补间”。有人能用一个示例代码片段来解释我吗？