css-transforms 相关问题

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

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

当我知道每个角的度数时，如何用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

如何透明地遮盖对象，以便仅背景可见？

目标，我想创建一个动画的多边形，对其一部分进行修剪/切割/遮罩，这样可以看到其下面的图层/元素/背景：我用CSS3创建了动画...

html css css-animations mask css-transforms

回答 3 投票 0

transform：translationY（-50％）-Chrome“无效的属性值”错误，为什么？

Chrome为我提供了“无效的属性值”以进行转换：translateY（-50％）。我使用了必要的供应商前缀。在其他浏览器中没有问题。有任何想法吗？更新：如果是...

css google-chrome cross-browser css-transforms

回答 2 投票 2

CSS转换翻转效果，Chrome出现问题

我一直在Firefox中研究3D翻书效果（别名翻卡效果）。然后，我在Chrome浏览器中进行了测试（版本78.0.3904.97（官方内部版本）（64位），macOS Mojave），它没有以...

html css google-chrome css-transforms

回答 2 投票 1

如何在CSS“过山车”动画中弯曲一条线？

我正在尝试使用CSS创建过山车风格的动画。我想知道在循环阶段如何弯曲“过山车”。我正在寻找所有CSS解决方案，但是如果需要...

html css css-animations css-transforms

回答 5 投票 8

如何动态设置元素的比例，以便在安装组件后过渡到新的变换？

我有一个for循环，它使几个元素包含一个称为scale的数据集。这是安装组件时元素应缩放的比例。在挂载中，我搜索...

javascript html css vue.js css-transforms

回答 1 投票 0

如何动态设置页面安装后元素应缩放到的比例？

我有一个for循环，它使几个元素包含一个称为scale的数据集。这是安装组件时元素应缩放的比例。在挂载中，我搜索...

javascript html css vue.js css-transforms

回答 1 投票 0

在CSS动画中弯曲直线的最佳方法

我正在尝试使用CSS创建过山车风格的动画。而且我想知道在循环阶段如何弯曲“过山车”。我正在寻找所有CSS解决方案，但如果有需要...

html css css-animations css-transforms

回答 2 投票 3

在单击类时将样式添加到链接中，并在再次单击该类后将其删除]]

我有一个汉堡包（3行）

javascript html css css-transforms

回答 1 投票 0

存在过渡延迟时CSS矩阵旋转的控制方向

我正在使用CSS 2D转换矩阵来旋转图像。实际旋转很好。问题是当您向转换添加过渡时。此plnkr显示了问题。 http：// next ....

css css-transitions css-transforms css-matrix

回答 1 投票 -1

带有嵌套CSS转换的Google chrome中的渲染顺序不正确

[在Google Chrome浏览器中，当在我的应用程序中旋转某些祖先元素时，某些子代会通过在其直接父代的背景后面渲染而“消失”。似乎与...

google-chrome css-transforms

回答 1 投票 0

计算缩放值以转换iframe以覆盖视口中的内容

[我正在尝试使用带有vimeo视频的iframe来制作对象适合的封面（或背景尺寸：如果是图片，则覆盖）。当vimeo根据iframe宽度/高度/纵横比调整视频大小时，...>

css iframe scale viewport css-transforms

回答 1 投票 0

翻转动画在其他浏览器中的行为大不相同

我目前正在某些div上制作翻转动画。但是，我发现它在我尝试过的每种浏览器中均无法正常工作并且有所不同。只有Edge以I ...

html css cross-browser css-transforms

回答 1 投票 2

我如何将我的行放置/放置在我的[[标头下？]下？这是我的CSS代码：hr线必须位于h1标题的正下方 #Logo{ position: relative; background: url(/IMAGES/Photo\ by\ aldain-austria\ on\ unsplash.jpg); width: 100%; height: 100%; } #Logo h1{ position: absolute; top: 26%; left: 50%; transform: translate(-50%, 50%); } 以下是我的html： <div id="Logo"> <h1>Basil Carolus</h1> <hr> </div> 这是我的CSS代码：hr行必须直接在h1标题#Logo {的正下方：背景：url（/ IMAGES / Photo \ by \ aldain-austria \ on \ unsplash.jpg）;宽度：100％...

html css css-position css-transforms

回答 2 投票 -1

是否可以使用transform：scaleX（）而不会影响边界半径？

我正在尝试生成一个简单的扩展栏动画。一切正常，我可以按自己的喜好进行控制，但受scaleX（）转换影响的边界半径不断变化。 ...

css css-animations css-transforms

回答 1 投票 1

CSS：仅在悬停图像时显示动画按钮

我想创建一个按钮，该按钮最初是隐藏的，但是当鼠标悬停在图像上时会显示在图像上。我希望按钮从图像的顶部（最初隐藏）到中间（...

css button hover css-transitions css-transforms

回答 1 投票 0

CSS转换scalex线不一致的高度

我在链接上有一个悬停动画。在文本下方画一条线。高度为2px。问题是它从一个高度开始，并以另一个高度继续。为什么这样做呢？它确实...

css css-transitions scale css-transforms

回答 2 投票 1

css-transforms 相关问题

最新问题