有没有什么办法可以让这个 animation 也有倾斜的背景？ 使用纯 css 还是反应 spring？ Hover animation 我已经尝试了两种解决方案，但不是 em go 我诽谤背景 + 从左到右，从左到右 animation。 HTML： 我多么希望 slider 看起来像诽谤。 ...
我在 Javascript 中有一个滑动方块拼图，我想在移动方块时添加 200 毫秒的过渡。 我还想在加载时比它们已经做的更多地洗牌（根据我的 JS 代码的最后几行，应该是 100 次，但这似乎不是很有效）。 你可以在这里查看我的所有代码： https://codepen.io/Xjjacobx/p ...
使用width: max-content时应该如何计算translateX()值？ 我希望文本完全滚出容器。 ...
基本上这是 css 代码。 .login-box { width: 280px; position: relative; top: 50%; left: 50%; transform: translate(-50%, 50%) } <div class="login-box"> < ...
我有一个正在开发的应用程序，它允许用户在 SVG 上放置“引脚”。这些引脚可以在底层 SVG 周围移动，坐标保存在数据库中。 图钉还有一个底部中心的“质心”，我存储图钉尖端的坐标，而不是图钉图标的 0,0 原点。 我正在尝试实现一项功能，当缩小底层 SVG 时，允许引脚显示更大，放大时缩小（想想谷歌 ...
我正在尝试将带有背景图像的方形 div 转换为梯形。 我想以 2D 的方式制作它，就像 Photoshop 的“扭曲”工具所做的一样。 基本上，我想要的只是缩小正方形的顶部并使图像相应地变形。 3D 转换“似乎”可以解决问题： 它适用于大多数用例，但不是所有用例。 事实上，它是正方形旋转 30 度 ...
我想要实现的是仅在#b:hover上使用transform来实现#a:hover的行为，代码如下： div#a, div#b { width:100px; height:30px; background:#ccc; } div#a:hover { width:150px; } div#b:hov ...
我需要创建一个卡片元素，单击时它总是朝同一方向翻转，下面的代码片段完全符合我的要求，但仅当使用 Chrome 和 Firefox 时。在 iOS 和 MacOS 上查看 Safari 上的代码片段时，遇到一个奇怪的问题在大约 20 次点击后，卡片随机来回翻转，并且变得不可预测，如随附的屏幕记录所示 ...
我正在尝试使用 css 变换矩阵 3d 在 SVG 中将 2 个图像彼此叠加。 在 Firefox 中，这看起来不错，但在 Chrome、Safari 和 Edge 中，我得到了不同的结果。 任何人都知道我做错了什么或者是否存在某种限制？ 相关代码： Firefox中的结果： 其他浏览器的结果： ...
我的目标是在 css 中制作一张可翻转的卡片，点击时它总是绕 x 轴旋转，但我不知道如何让卡片每次都沿相同方向旋转。 我得到的只是第一次点击时卡片旋转了180°，再次点击时它会向相反的方向旋转回去，这不是我想要达到的那种效果。 我找到了这个解决方案，但它使用 JQuery 并且感觉很老套，是否有更 ...
我正在为学校建立一个没有 JS 的小型网站，但我遇到了 animation 问题。 在调整 window 的大小时，我想摆脱移动菜单上的关闭 animation。因为目前，如果我减小 window 的大小，菜单会出现一小会儿，然后再转到侧面（视口之外）。 我在媒体查询中的菜单一般样式如下： ...
我有一个位于 div 中的图像。 图像几乎总是比 div 大，这很好，因为溢出被隐藏了。 我希望用户能够调整图像的可见部分（在 div/窗口内），但阻止他们调整超过 div 边界的 xy 坐标。 转换有效，但它也让我将图片完全移出 div。 现在，有没有办法为转换设置边界，并在图片的边缘移过（或即 ...
transform 属性在某些情况下会起作用，但在这种情况下我做错了什么： 制作一个 span 元素并将其放在 pre 标签的 innerHTML 中 Span 元素的不透明度为 0，变换为 2s。 选择此跨度元素，然后将不透明度更改为 0。 所有这一切都在一个 function 中完成，如下所 ...
我有一个元素，我想根据 boolean state 显示/隐藏，但我也希望它使用转换来完成。 检查以下示例： const App = () => { const [visible, setVisible] = React.useState(false) return ( <div> ...
我正在尝试旋转带边框的 div。 边框与背景颜色相同。 边框轮廓和背景之间出现一条很细的线。 下面是我的代码。 我试图摆脱奇怪的线。 body { background-color: black; } div { width: 50px; height: 50px; background-colo ...
它在桌面上运行良好，但在移动设备上运行很糟糕:( 抱歉无法向您显示结果 bcs 我无法获得许可 TT_TT 基本上 animation 是关于让对象在一个视角的 3D 上下文中通过 z-index 飞向您的方向（靠近时变得模糊） 我怀疑这可能与移动数千个像素有关？ :( 我怎样才能提高移动性能？ ...
我正在使用 CSS 变换比例缩放文本，例如 我还需要在 canvas 元素上绘制相同的文本 我应该如何缩放上面的js function中的文本？ 我已经硬编码了字体大小20px但我将如何使用2和4的比例值？ ...
我有一个带有菱形和三角形的复杂结构图。 我能够使用 CSS 技巧和绝对 position 属性创建结构。 我希望每个菱形和三角形都是可点击的，但考虑到 CSS 三角形如何与边界一起工作，行为并不像预期的那样。 带有一些标记的 output 图像在此图像中，我们有一个菱形和两个三角形， 我想要的是： ...
在 CSS 中，我们可以对图像进行很好的缩放效果，而无需过多地使用它们的宽度和高度属性： 为了达到共同的目标，最好也调整原点： 这样，图像将在保持原点位于中心的同时进行缩放，因此对人眼来说会更自然。 但是，如果我们将这个图像（以及为什么我们不应该这样做）放入一个包装器中，这似乎会破坏滚动条。 考虑 ...
我有一个可拖动和可旋转的可移动反应组件。 如果我旋转 object，它会按预期旋转，但是当我拖动它（旋转后）时，它会重置为原始旋转角度。 以下是 onDrag 和 onRotate 函数： 这是旋转后的样子： 这是拖到新的position后的样子（旋转已重置）： 沙盒 ...