css-transforms 相关问题

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

如何对元素的变换进行动画处理，使其从上方落到屏幕上？

我有一个元素应该在屏幕前面朝向用户，但也喜欢从上方掉下来。我尝试过从rotateX（-90deg）转换为rotateX（0），并从rotateX（360deg）转换为...

css rotation css-animations css-transforms

回答 2 投票 0

子元素在3d中浮动在父元素上

是否可以使用CSS在'父母'上浮动'孩子'？就像“其他”一样。现在看起来效果只是缩放“子级”而不是翻译。身体{身高：100vh；溢出：隐藏； } ...

html css css-transforms

回答 1 投票 0

试图“转换：rotate（）”一个使用样式化组件的元素

CodeSandbox，例如：https：//codesandbox.io/s/floral-surf-l7m0x我正在尝试将SVG中的圆形元素旋转180º。我可以使用常规的标签，但是我...

css svg rotation css-transforms styled-components

回答 1 投票 0

如何仅向底角转换倾斜？

我很困惑如何只改变如下所示的一侧（顶部或底部）的角：正常：变形：有人可以帮我吗？在这里，顶角保持不变，并且...

css transform css-transforms

回答 2 投票 0

具有动态最大高度的CSS转换在IOS的Chrome上不起作用（在ReactJS项目中）

考虑一个React组件。有一个具有以下CSS样式的DIV：.bracketRow显示：flex flex-direction：row -webkit-transition：all 1s -moz-transition：all 1s -ms-transition：...

ios reactjs google-chrome css-transforms

回答 1 投票 0

从转换字符串中提取不同的css转换？

这里是一个CSS转换字符串示例：rotate（-10 50 100）translation（-36 45.5）skewX（40）scale（1 0.5）从这个字符串中，我想为每个转换都获得一个字符串，并使用获得一个对象。 ..

javascript css regex css-transforms

回答 2 投票 0

为什么我不能在Chrome的CSS翻页卡上单击链接的左侧？

尝试单击此活动卡背面的链接左侧在Chrome中不起作用。但是，当我将鼠标悬停在链接的右侧时，我看到了指针光标，并且能够进行交互...

html css webkit css-transforms

回答 2 投票 0

在旋转后应用CSS缩放

我一直以为CSS变换操作将按顺序进行，所以看到该变换令我有些惊讶：rotate（45deg）scaleX（2）显示的是旋转的矩形而不是菱形。它...

html css css-transforms

回答 2 投票 0

如何“跳变”动画中的单个变换值？

我正在尝试使动画中的变换函数值“跳转”。我的@keyframes规则有3个顶点，每个顶点都有transform属性。我希望比例从0.5到1从...到...

css css-animations css-transforms

回答 1 投票 0

动画元素上的CSS悬停变换

我试图在：hover上执行一个简单的CSS转换-通常，这显然是一件容易的事，但我试图在一个动画div元素上进行。元素在Y轴上无限动画...

html css css-animations css-transforms

回答 3 投票 1

3d变换：DOM顺序优先于z变换

我正在尝试制作旋转的多维数据集，但是我发现根据DOM中的顺序而不是3d位置显示了多维数据集的边。我有东西吗...

javascript html css css-transforms

回答 1 投票 0

如何通过CSS将旋转后的元素动态地适合于父元素？

我有2个div：.container及其子.element。容器在页面上居中，两个元素都具有位置：absolute，并且宽度和高度分别具有vw和vh。 ...

css css-transforms

回答 1 投票 0

当我对父元素应用“转换比例”时，为什么覆盖针对孩子的悬停效果？

下面是嵌套在下拉列表中的下拉列表。第一个代码段可以正常工作；当我将鼠标悬停在第一个下拉列表的父项上时，它会发生高度转换，并显示为I ...

drop-down-menu nested hover css-transforms

回答 1 投票 0

CSS恒定过渡速度

我正在尝试实现恒定的过渡速度。注意，我并不是说“轻松”和“线性”之间的区别。我的意思是，如果我们从0px变为20px，将需要1秒钟，但从0变为...

css css-transitions transition css-transforms

回答 1 投票 1

CSS rotation3d属性表现异常

我正在阅读有关CSS Rotate3d（）属性以旋转元素的信息。我认为函数中的前三个参数是乘数，第四个是度数。值...

css css-transforms

回答 1 投票 0

CSS防止旋转变换影响：before元素

我正在尝试使复选框显示在其倾斜的“ span”标签下方。但是，应用于“ span”的转换也将应用于使用“：before”选择器创建的自定义复选框。怎么...

html css checkbox css-transforms

回答 1 投票 0

如何创建具有特定度数的四边形（菱形形状？

当我知道每个角的度数时，如何用css创建四边形。我已经尝试过通过变换和倾斜来重新创建一个四边形。但是，这实际上是行不通的...

css css-transforms css-shapes

回答 2 投票 3

转换div后对齐div的方法？

我有一堆用作概述窗口的图块，供用户选择。它们需要保持一致，彼此之间要保持一定的差距。我尝试了以下方法...

css flexbox css-transforms

回答 1 投票 0

相邻的CSS可折叠小部件

我使用了本教程（https://alligator.io/css/collapsible/）创建了2个可折叠小部件。我需要标题标签在同一行上彼此相邻，并且可折叠部分采用...

css css-animations css-transforms

回答 1 投票 0

为什么我的变换：在两个轴上都不能平移？

我的转换：translate（10px 10px）不起作用。当我只输入x轴的值时，它可以工作。同样，当我使用translateX和translateY时，它们确实起作用，但不能同时起作用。所以我只能...

html css image css-transforms

回答 1 投票 -2

css-transforms 相关问题

最新问题