css-transforms 相关问题

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

如何使固定位置在相对的顶部?

CSS中的位置及其含义和作用是什么?我把第一个div固定,第二个固定 relative. So the second came up of the first when I scroll the page and I don't want ...

回答 3 投票 1

CSS:transform-origin

我在CSS中进行转换时遇到问题。 #test {height:100px;宽度:100px;背景颜色:红色; margin-left:100px; margin-top:100px; } #test:hover {transform:scale(2); ...

回答 3 投票 1

如何将变换原点设置为元素上的特定点?

在这个例子中,我想从底部旋转锤子,那么有没有办法确切地知道元素上特定点的正确坐标,或者我应该随机尝试不同的点? ...

回答 3 投票 4

动画转换从三行菜单到交叉

我有一个三行动画菜单,当你点击它时会切换到一个十字架。首先,您看到三条线转到一条,然后切换到十字形。但我想跳过从三行到一行的步骤....

回答 1 投票 3

CSS变换:缩放重叠错误的div

我创建了一个CSS功能区,其中第一个CSS功能区直接位于第一个后面,用作阴影。我正试图将这两者结合在一起。我把丝带包裹在一个div中并应用了一个变换:......

回答 1 投票 0

如何在单个rotate3d()调用上应用多个轴旋转?

我正在尝试使用单个rotate3d函数同时旋转多维数据集的多个轴,但我得到一个奇怪的旋转。如果我使用transform:rotateX(-30deg)rotateY(45deg)我看起来很漂亮......

回答 1 投票 2

如何减小倾斜柱头的宽度?

下面是输出表:我正在寻找一个可以减小表头宽度的解决方案,我尝试了几种解决方案,但没有一个能正常工作。以下是我的代码:

回答 1 投票 2

如何平滑3D变换旋转?

我一直在研究用CSS制作的3D图像,想法是为它添加某种动画并将其用作我的投资组合的中心部分,不幸的是我一直无法获得......

回答 1 投票 0

应用样式转换时会触发浏览器事件:scale(xValue,yValue)

在我的网页中,当transform属性应用于div标签时,我需要使用JavaSCript处理更改。我的方法是使用eventListeners。但我无法找出触发的事件......

回答 1 投票 -1

Chrome中的Jerky CSS转换过渡

我在背景图像上使用CSS3变换来悬停。我已经在Opera,Safari和Firefox的最新浏览器中进行了测试,并且工作得非常顺畅,但是在Chrome中过渡是......

回答 3 投票 22

在macOS Safari和iOS浏览器中悬停时的CSS转换和z-index错误[重复]

检查JSFiddle:https://jsfiddle.net/mavicnz/eph7bmx8/21/或CodePen如果你是如何滚动:https://codepen.io/W3-design/pen/pBOJyy当我将鼠标悬停在桌面上的图像上时CSS转换......

回答 1 投票 0

3d悬停效果在Firefox中不起作用

我想设计一个3D悬停效果,我的代码在opera,chrome中工作得很好但在firefox中不起作用。我甚至尝试使用供应商前缀但没有任何反应。奇怪的部分是我从我的...删除锚标签

回答 1 投票 3

'transform3d'不适用于职位:固定子女

我有一种情况,在正常的CSS情况下,固定div将准确定位在指定的位置(顶部:0px,左:0px)。如果我的父母有......那么这似乎不受尊重

回答 10 投票 125

如何用3d css变换实现“深度”

我正在尝试使用CSS创建一个“透视模型”。关于如何在Photoshop中使用3D图层实现此目的,有相当多的教程,但我想用CSS来做。这是一个例子......

回答 2 投票 4

如何使用绝对定位和CSS转换进行居中工作? [重复]

我从在线资源中学习了一种新的(对我而言)中心div的方法。我无法掌握作者,所以请解释这里到底发生了什么。

回答 2 投票 -1

旋转并缩放图像以“适合”容器div

我正在使用变换根据其EXIF数据旋转图像。然后,我想通过将它装到它的父div来显示它“全屏”。问题是,max-width / max-height和所有其他......

回答 6 投票 13

在没有div移动的情况下放大div内的图像

如何在没有悬停时实际div缩放的情况下在div范围内制作图像?所以我只想让图像放大。这是代码:

回答 2 投票 1

页面转换的css转换未触发

我有一个页面转换,我正在尝试进入我的网站。我有2个50%的高度,100%宽度的元素,一个放在身体前后(有伪选择器)。我希望2个元素能够滑动......

回答 3 投票 -2

CSS,左/右切换转换/翻译以获得更好的性能

我为进度条找到了这个好的CSS动画。但我想改造:翻译而不是左/右。如何切换到变换呢?我试过但它不起作用:https://codepen.io / ...

回答 2 投票 0

转换动画不适用于bootstrap轮播中的第一张幻灯片

我有一个bootstrap 4.0轮播,我想要每个幻灯片活动时缩放效果。我使用了transform:scale属性来实现它。我已将transform:scale应用于.carousel-item.active img ...

回答 1 投票 2

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