css-transforms 相关问题

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

通过JS启用CSS效果

我有以下代码,当在图像上找到鼠标指针时触发一定的效果:body {font:600 14px / 24px“Open Sans”,“HelveticaNeue-Light”,“Helvetica Neue Light”,“...

回答 2 投票 -2

如何修复跳舞按钮?

考虑以下按钮样式:body {padding:1rem; }按钮{background:blue;颜色:#fff;填充:1rem; }按钮:悬停{transform:translateY(-3px);框-...

回答 4 投票 3

如何在不使用calc()css的情况下动态转换或转换

我需要动态转换或转换而不使用calc()。以前,我使用了左:calc(100% - 10px)和转换:。05s过渡在IE11中无法正常工作。所以,我需要......

回答 1 投票 1

通过CSS旋转和放置图像不能工作270度

我希望每次单击按钮时能够将图像旋转90度。我也希望它被“固定”到包含DIV的左上角。我的代码似乎适用于所有人,除了270,...

回答 1 投票 0

变换:从上到下缩放图像

是否可以使用css变换从上到下缩放图像?我在这里有这个例子:http://jsfiddle.net/865vgz82/13/目前,类thumbsskin中的图像从......

回答 1 投票 5

flex div上的溢出自动从顶部剪切图像

我已经实现了图像查看器,我可以在其中旋转图像,并且可以进行放大和缩小。放大和缩小效果很好,也可以旋转。但是当我旋转图像和...

回答 1 投票 1

鼠标离开时悬停动画抖动(使用CSS过渡和变换)

我正在使用CSS过渡和变换来缩放SVG中圆元素的大小。然而,当我的鼠标离开元素时,似乎有一个抽搐动作。

回答 1 投票 0

转换的缩放比例意外/不正确:缩放“放大/缩小Chrome浏览器时的缩放比例

Webkit浏览器中出现了不正确的缩放大小,即Chrome,Safari。我使用的Chrome版本是68.演示:@Kaiido HTML要求的Codepen链接代码:

回答 1 投票 0

使用css将元素中心置于左上方,以便将“变换”引用到元素的中心

我想放置一个元素的中心,在点击的同一个地方:为此,我想使用transform,但对于初始的css属性我不能使用:#element {position:fixed;顶部:0; ...

回答 1 投票 0

没有移动位置的SVG比例

我想要做的很简单:当使用vanilla js悬停兄弟元素时,将一些SVG点从scale(0)缩放到scale(1)。它们是演示中的红色这里是基本的SVG设置......

回答 2 投票 13

使用CSS翻转3D卡

我正试图用这样的CSS制作3D卡翻转效果。不同之处在于我只想使用CSS来实现它。这是我试过的代码:/ ***少:*** / .card-container {...

回答 2 投票 4

skew()函数的深度

我真的需要了解skew(xdeg)函数是如何工作的所有研究似乎都没有解释x角度如何影响其他点并扭曲它,我需要知道是否有任何...

回答 2 投票 3

使用CSS,如何防止在州......之间跳跃?

我正在努力构建按钮样式,当用户将鼠标悬停在按钮上时,按钮向上移动2个像素。我在悬停时使用以下内容:`transform:translateY(-2px);`...

回答 2 投票 3

转换伪元素和父元素时,z-index不起作用

当前我试图在X和Y轴上转换父元素10px,同时在其他方向上转换::等量之后(这是为了模拟...的体验)

回答 1 投票 0

间隔和延迟的CSS动画仅从第二次开始

我想用间隔执行一些div动画。在第一次播放动画时,它将被延迟,然后(从第二次开始)将有一个间隔。在那之后,......

回答 2 投票 -1

jQuery - 滚动时的平滑比例转换

更新了JSFiddle。所以现在滚动它使用2个变换函数。一种翻译功能,可创建视差效果和缩放功能,为效果增添不错的触感。但正如你所看到的......

回答 1 投票 0

使用CSS在移动设备上自动滚动

我的网站的当前菜单开发为通过Bootstrap响应。目前当其中一个子菜单打开而我打开另一个子菜单时,初始子菜单关闭会强制选项卡滑动...

回答 1 投票 0

带位置的闪烁/消失标题:在iOS 11中修复

我有一个带有以下CSS的标题:.header {display:block;顶部:0;位置:固定;宽度:100%;最大宽度:1320px; z-index:10;箱尺寸:边界盒;我有无限滚动...

回答 1 投票 5

CSS在Chrome中旋转切割表格

所以我一直在修补这个似乎突然出现的问题。我似乎无法找到任何相关问题,所以它可能只是最后一次Chrome更新,但我想确保我......

回答 1 投票 0

矩形HTML和CSS3中的菱形

我想在一个矩形中制作一颗钻石。我已经用方块做了:.box {width:100px;高度:100像素;背景:橙色;的z-index:1;位置:相对; } .box:...

回答 2 投票 0

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