css-transforms 相关问题

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

将两个旋转的div嵌入并定位在矩形的角落中？

我正在尝试创建一个标题，其中一个角以自定义方式显示两个图标。问题：在不破坏所有内容的情况下修改图标的大小是不可能的（本例中为表情符号）。代码 ...

html css css3 css-position css-transforms

回答 1 投票 2

如何在比例动画中保持原点在图像中心？

我的情况与此小提琴类似，在这里我有一个CSS3动画，该动画按比例缩放绝对放置在另一个元素中心的元素。但是，当动画发生时，它处于关闭状态...

html css css-animations css-transforms

回答 1 投票 4

在链接上使用CSS转换时摇摇欲坠

我有一个页脚导航。导航是具有六个列表项的无序列表，每个项具有锚或链接标记。现在我的问题是当我将鼠标悬停在列表项上时...

html css css-transforms

回答 2 投票 2

在悬停后变换比例变化位置元素[重复]

我尝试使用transform：scale（1.2）来获得图标周围出现圆圈的效果。变换我添加到.icon-style：hover :: after。现在对此代码进行了注释，请取消注释此代码...

css css-animations css-transforms

回答 1 投票 0

如何将div转换为倾斜的透视图？

我正在尝试将div转换为绿色框。我想获得3D变换，而不是蒙版：我找到了一种使用此生成器的方法，但是css代码对我的提琴不起作用：/ * transform css3 * / #screen {...

html css css3 css-transforms

回答 4 投票 2

如何切换scaleX以在没有动画的情况下翻转图像

我想每1000ms立即翻转一个图像。我正在尝试，但动画做了它应该做的事情（逐渐翻转图片）。如果我可以立即翻转图片，它会给出一个...的想法

css css-transforms

回答 1 投票 0

SV变换原点始终为（0,0）SVG

我想让每个多边形/组都显示动画。我希望它是Y轴上的旋转，旋转的原点是最左边顶点的Y轴（想象一下...

css animation svg transformation css-transforms

回答 1 投票 0

flexbox下的缩放转换在Chrome与Firefox中的呈现方式不同

我想以div为中心，然后将其缩放（通过transorm：scale）更大。我使用flexbox来中心div。我想使用整个视图空间，所以我给出了HTML和BODY元素，高度为100％。 ...

css google-chrome firefox flexbox css-transforms

回答 1 投票 1

移动元素时如何阻止图像摇晃？

当点击按钮时我有灵活动画片动画，但是当它发生时，img会摇晃一下（类似于1-2px的来回）它会如此轻微但是它很明显，如果你有硬...

html css css3 flexbox css-transforms

回答 1 投票 -1

CSS过渡规模（） - 奇怪的延迟

运行下面的代码段 - 单击圆圈以切换动画。应该发生的是，孩子应该看起来好像它没有像父容器那样移动。这是 ...

css css3 css-transitions css-transforms

回答 2 投票 3

透视和translateZ对角移动

参考此链接：https：//developer.mozilla.org/en-US/docs/Web/CSS/perspective必须设置Perspective以沿z轴移动子元素。上面的链接显示了不同的例子......

css css3 css-transforms perspective

回答 1 投票 0

CSS设计：帮助将对角线列从右上角填充屏幕

晚上好，我目前正在尝试在我正在开发的新网站上设计对角柱效果，但我在尝试正确放置背景时遇到了麻烦。我的形象......

css multiple-columns css-transforms diagonal css-gradients

回答 1 投票 0

div的定位根据视口而变化

当点击中心圆时，我试图让4个圆圈出现，很像。但是，当我调整视口大小时，div的位置会发生变化，如下面的代码所示。我试着制作......

css css3 flexbox css-position css-transforms

回答 2 投票 4

使用transform创建干净的立方体

所以有很多与此相关的帖子，但我似乎无法准确确定我的风格出错的地方，所以如果有些人认为这是对以前问题的重复，那么道歉。这个 ...

css css-transforms

回答 1 投票 2

使用纯html css创建一个全屏立方体滑块

我一直在尝试创建一个全屏立方体滑块，我从codepen示例中获取了这个示例.three-d-container {width：900px;身高：500px; border-radius：3px;职位：......

html css css3 slider css-transforms

回答 2 投票 0

获取CSS缩放变换以更改垂直滚动条？

我正在尝试使用CSS缩放变换放大或缩小元素。我可以正确扩展。但是，只有水平滚动条受变换的影响。垂直滚动条不是。 ...

html css css-transforms

回答 1 投票 0

RotateX在溢出隐藏的情况下停止

我有一个使用关键帧和变换的简单动画，特别是rotateX和rotateZ。动画的效果与我预期的一样（至少在Chrome中，尚未尝试其他动画）。现在我有...

css css-animations css-transforms

回答 1 投票 3

设定倾斜的边缘

我只是歪曲了一个作为横幅的部分。由于歪斜，现在这一部分的高度明显高于预期。如何根据这个新高度定义我的底部边距？ ...

html css css-transforms skew

回答 2 投票 3

创建具有特定学位的四边形

当我知道每个角落的角度时，如何用css创建四边形。我已经尝试用变换和倾斜重建一个四边形。但是，这真的不起作用......

css css3 css-transforms css-shapes

回答 2 投票 3

当特定div击中它时，或者当它距离顶部100px时，如何使我的固定标题滚动

我可以看到许多方法与我想要实现的目标相反，但注意到我需要的东西。我有一个100px高的固定标题。我希望它在页面的其余部分滚动时......

javascript html css css-position css-transforms

回答 2 投票 0

css-transforms 相关问题

最新问题