css-transforms 相关问题

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

Edge中的CSS转换无法正常工作

我有一个无人机的svg插图,我希望螺旋桨旋转。该动画在Chrome和Firefox中运行正常,但在Edge中,旋转中心很奇怪。它可能必须要做...

回答 2 投票 1

[在应用CSS变换时影响其他元素:比例

我在页面上有三个div,它们并排漂浮。使用css scale方法,我将最中间的div缩放为0.5。这很好。唯一的问题是缩放div不会影响...

回答 2 投票 4

防止调整尺寸的图像

我不知道为什么,但是由于某些原因,无法调整背景图像的大小。我有以下代码将图像添加到div的背景中,并且我愿意显示整个图像,而不仅仅是...

回答 2 投票 0

带有CSS3模糊滤镜的Div在过渡时显示模糊的边缘

我开始认为这是Chrome中的错误,因为Safari浏览器没有问题,我已经在SO中搜寻了解决方案,但没有提出解决方案。问题是当应用css ...

回答 3 投票 3

点击关闭导航栏切换

我有一个带有汉堡切换器的移动导航菜单,单击该菜单可成功打开菜单。我还在单击时将动画添加到切换按钮。我使用背景关闭导航菜单,但我...

回答 1 投票 0

如何使用CSS转换transformX元素,直到其内容的末尾到达父元素的右侧?

CSS是否可以通过以下方式设置transform:translateX():...内容向左移动,直到内容的末尾到达父容器的右侧?为了说明...

回答 1 投票 0

CSS转换透视错误行为

我一直在尝试一些CSS悬停效果。当我尝试应用transform:Perspective()时,它的行为很奇怪。当我将光标指向图像的左上角时,图像的透视图是...

回答 1 投票 2

如何仅在元素的一部分中缩放Z

我正在尝试使用CSS在库部分实现Steam悬停效果游戏。我的问题是该元素同时在顶部和底部移动,而gif中显示的效果仅在...

回答 1 投票 0

使HTML元素继承另一个的变换

我正在构建一个浏览器扩展程序,用于在第三方网站的图像上方绘制内容。为简单起见,假设它在...

回答 2 投票 0

防止CSS转换影响子对象

我正在尝试将CS S变换属性应用于两个元素(父元素和子元素),但是问题是,当我将变换添加到父元素时,它将影响子元素的位置。示例:$('....

回答 1 投票 3

如何在表格布局中从中心过渡宽度/高度

我有一个灵活的项目布局,可以模仿桌子的外观。这个想法是要显示所有这些内容,但是当您将鼠标悬停时,悬停的项目需要在所有4个方向上展开,与其他项目重叠...

回答 1 投票 0

矩形上平滑的CSS变换比例,保持均匀的边框

我有一个绝对定位的div,我希望在悬停时逐渐增大其大小(5s过渡),以使其成为相对定位的div的“边界”: ...

回答 1 投票 0

CSS转换在Chrome中无法正常工作

我已将基于Codrops的书页翻页动画重写为使用更少JavaScript的更轻量级版本。我的动画可以在Firefox(和Safari)中按需运行,但不能在Chrome中运行。单击...

回答 1 投票 8

[带有transform:matrix()的缩放:如何坚持到左边缘(更改缩放中心)? [重复]

我的客户希望具有缩放功能(我发现这很容易通过transform:scale()来实现,但是之后,他希望将节点的左上边缘放在同一位置。可悲的是...] >

回答 1 投票 0

清理可重复的CSS代码

我从另一个线程在这里获取此代码。但是,我好像没有有效地重用CSS。如何进一步减少/减少CSS代码?感觉就像我在重复...

回答 2 投票 0

旋转老虎机在第一次旋转后是不可预测的

我有这个组件,应该模拟一台老虎机,使其旋转到编号的面,以传递到props.slots中的编号。它是第一次工作,但似乎在...

回答 1 投票 0

要用于转换的过渡属性是什么?

我不确定这是否是正确的方法,但是我想旋转一个元素,而且我知道转换:rotate(90deg)和transition-property:都可以,但是我不想转换所有...

回答 2 投票 7

使用RotateY在卡片翻转上缓慢加载

我正在玩jQuery和CSS3动画,注意到发生了一些奇怪的事情。在我的笔上,当您将鼠标悬停在卡片上或专注于CCV字段时,当卡片在翻转时需要一秒钟...

回答 1 投票 0

如何在SVG中将一个圆附加到另一个圆上?

我附加了一个jsfiddle示例,其中SVG可以正常工作,但是当我将其添加到我的角度html中时,两个圆圈都出现在不同的位置。

回答 1 投票 0

带有CSS透视图的问题/ Safari中的translateZ

第一次使用Perspective和translateZ,我在Safari中遇到了一个问题。我正在使用代码为我正在构建的网站创建一个简单的视差效果,......>

回答 1 投票 0

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