css-transforms 相关问题

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

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

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

使用rotateX（）时，沿其底轴而不是其中心旋转元素

我似乎无法使div元素围绕其底部边缘旋转。默认情况下，rotateX（angle）使元素绕其中心旋转。这是一个codepen：尝试将div翻转到底部边缘I ...

css css3 css-transforms rotatetransform

回答 2 投票 1

iOS上的缩放画布似乎使Mobile Safari崩溃

我一直遇到一个问题，似乎缩放画布会导致移动Safari浏览器崩溃。崩溃日志表明内存不足，但除此之外似乎没有什么帮助。到...

web-applications mobile-safari html5-canvas css-transforms

回答 1 投票 3

我正在尝试校正纯CSS中三个图像的无限翻转，旋转，旋转和消失的动画持续时间和时间线

我测试了以下答案：纯CSS旋转动画，但在无限循环中中断停止无限CSS3动画并平稳地恢复到初始状态CSS图像淡入淡出动画仅首先运行...

css css-animations css-transitions css-transforms keyframe

回答 1 投票 1

如何将转换原点与SVG结合使用？ [重复]

css animation svg css-transforms

回答 1 投票 3

css-transforms 相关问题

最新问题