css-transforms 相关问题

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

是否可以为变换选项设置不同的持续时间/延迟？

我想为我的 html 对象设置几个转换选项，但具有不同的持续时间和延迟。如果我尝试使用类似的东西： -webkit-transition：-webkit-transform，不透明度； -webkit-tran...

css css-transitions css-transforms

回答 4 投票 0

使用网格和变换的 Safari 和 Firefox 抽认卡无法出现溢出滚动

我在使用 CSS 网格和变换创建闪存卡时遇到了一个非常特殊的问题。我需要使内容溢出：滚动。对于 Chrome 来说，它可以按预期工作。两侧闪光灯...

css firefox safari css-transforms

回答 1 投票 0

区块平滑过渡

我有这个codepen https://codepen.io/sirlouen/pen/rNbdGmB 尝试了多种方法后，我不知道如何使块从下到上平滑过渡，而不是弹出 insta...

css css-transforms

回答 1 投票 0

无法通过叠加点击并悬停在按钮上

覆盖层用于向上移动文本并显示按钮，但我无法将鼠标悬停或单击这些按钮，因为一旦我越过它们，覆盖层和文本就会下降，使其无法...

html css reactjs styling css-transforms

回答 1 投票 0

如何获取使用CSS旋转变换的元素的位置

我在应用旋转过滤器后获取 div 的位置时遇到问题。我有一端的位置，它的高度，以及它旋转的角度，但是在检查了什么之后

javascript css rotation css-transforms

回答 3 投票 0

如何防止具有转换过渡的元素调整大小？

我遇到了这个问题，其中一些（不是全部）元素（我已对其应用了 150 毫秒的过渡持续时间以及悬停时的 translateY（变换）），在变换时似乎会更改大小...

css tailwind-css css-transforms

回答 2 投票 0

rotateY() 透视图在 WebKit 上无法正确渲染

问题我正在尝试使用rotateY() 和透视来做一个简单的动画。它在 Chromium 上运行良好，但在移动 Safari 和 Chrome 上运行不佳。我不确定这是否是一个 WebKit 错误，如果...

html css webkit chromium css-transforms

回答 1 投票 0

用线性渐变制作CSS3三角形

我需要创建一侧带有三角形的按钮（例如http://css-tricks.com/triangle-breadcrumbs/），具有线性垂直渐变和边框，并且我想使用纯CSS3。如果我需要45就可以了...

css css-transforms css-shapes

回答 5 投票 0

CSS 变换比例上的闪烁文本

人。我对此很陌生，当我尝试放大 div 时，我遇到了一些文本闪烁的问题。请问有人可以看看我的案例来帮助我解决这个问题吗？提前致谢！ ...

css text scale css-transforms flicker

回答 1 投票 0

网站动画元素在移动视图中消失

我的一些元素是动画的，它们使用一些 JS 来检测何时被查看。在桌面视图中它们工作正常，但在移动设备中它们完全消失，除了一个。他们的原因

html css css-transforms

回答 1 投票 0

CSS 旋转图像库，在应该单击一次按钮时做出反应，单击两次按钮

我有一个使用 React 和 CSS 的旋转图像库。它可以工作，只是每次我单击按钮向前或向后旋转时，都需要单击两次才能开始正常工作。例如第一个

css reactjs css-transforms

回答 1 投票 0

css 倾斜元素并保持最大宽度

如果我使用倾斜属性扭曲容器，则短角位于原始尺寸内部，长角位于原始尺寸外部。这可以在图 1 中的蓝色方框中看到。图表...

html css css-transforms skew

回答 1 投票 0

在 React 中重新创建交互式工作区。如何迁移？

因此，我最初创建了一个程序，该程序允许交互式工作区，允许用户在页面上拖动并使用纯 JavaScript 移动容器内的所有内容。代码如下...

javascript reactjs css-transforms dom-manipulation

回答 1 投票 0

多个重叠的 svg 路径会产生不需要的效果

我创建了一个树状结构的卡片，父母和孩子之间有线条。这些行是 svg 路径，如下所示： const newpath = document.createElementNS('http://www.w3.org/2000/svg', '路径'...

css svg css-transforms

回答 1 投票 0

解决 CSS 转换，为全屏模式创建自己的容器

我有一个 Web 组件模式，它在包含转换的 div 中打开，但是模式本身在转换的容器中打开，而不是在页面的视口中打开。这不可能...

css reactjs web-component css-transforms

回答 1 投票 0

用d3反射元素时如何正确过渡？

我有一个正在用新数据更新的路径元素。然后它被重新定位并被反射。所有这些都工作正常。无法正常工作的部分是过渡。由于...

svg d3.js css-transforms

回答 1 投票 0

光标后元素的位置由容器内容偏移

我正在尝试创建一个拖放功能，它是模式中的子组件，其中当前拖动的项目跟随鼠标的位置，但是，鼠标的位置是

reactjs drag-and-drop css-position css-transforms pointer-events

回答 1 投票 0

translate3d 与翻译性能

我们现在都知道，特别是从那篇好文章中，我们应该更喜欢 css 变换而不是动画位置。但我们可以在translate() 和translate3d() 之间进行选择... 一般是哪一个

performance css-transforms

回答 5 投票 0

Firefox 的跳转涉及 CSS 缩放和画布

在 Firefox (121.0b9) 中，缩放画布元素时，我注意到轻微的抖动。我在 Safari 或 Chromium 中没有遇到过这种情况。有没有办法在 Firefox 中解决这个问题？这是一个例子（JSF...

javascript canvas css-transforms

回答 1 投票 0

CSS - 变换后重新对齐内容（删除空白）：scale

到目前为止，我发现以下问题的解决方案非常复杂或非常“hacky”：改造前我有什么 .element1 { 高度：100px；宽度：100px；背景颜色：红色； } .

css reactjs frontend css-transforms

回答 1 投票 0

css-transforms 相关问题

最新问题