css-transforms 相关问题

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

防止CSS变换影响孩子

我正在尝试将 CSS 变换属性应用于两个元素(父元素和子元素),但问题是当我向父元素添加变换时,它会影响子元素的定位。 一个例子: $('.dropdownT...

回答 1 投票 0

绕垂直轴旋转 45 度元素

我有一系列元素,如下图所示: 它们向一侧旋转 45 度(内部内容 -45 度,保持直立)。 现在我想围绕

回答 4 投票 0

如何在使用transform:scale时填充屏幕,而不是在屏幕上居中并周围有空白?

我想使用以下代码将页面缩放到65%,但它在iOS版Safari上不起作用: 身体 { 变焦:0.65; } 所以我使用这个代码: 身体 { -webkit-transform:缩放...

回答 1 投票 0

使用transform:scale时如何填充屏幕?

我想使用以下代码将页面缩放到65%,但它在iOS版Safari上不起作用: 身体 { 变焦:0.65; } 所以我使用这个代码: 身体 { -webkit-transform:缩放...

回答 1 投票 0

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

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

回答 4 投票 0

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

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

回答 1 投票 0

区块平滑过渡

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 3 投票 0

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

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

回答 2 投票 0

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

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

回答 1 投票 0

用线性渐变制作CSS3三角形

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

回答 5 投票 0

CSS 变换比例上的闪烁文本

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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