css-transforms

css-transforms

文章 0 浏览 5

在悬停任何元素时会改变所有元素

我有3个要素:SVG,P和P HTML代码 Text A Some text... CSS代码 svg, p { transition: transform 1s; } svg:hover, p:hover { transform: translate(-…

鹿! 2025-01-29 21:32:47 2 0

使布局使用变换的坐标(CSS)

有没有办法使HTML/CSS在布局计算中使用转换的坐标?例如,如果我缩放DIV,我希望下一个Div能够自动从缩放的Div边界开始。 body { padding:50px; } .a …

若水微香 2025-01-27 21:32:42 3 0

CSS`transform'正在影响``背景''

在父元素上使用CSS 转换会影响所有其他孩子及其背景属性。 在我提供的示例中,我正在伪造儿童元素内部的丙烯酸模糊效果。 当我试图模仿窗口产卵的动画…

并安 2025-01-23 21:08:40 3 0

正方形在CSS网格中旋转会产生空白

在CSS网格内旋转正方形div会产生间隙。为什么? 这是一个简单的例子: div { height:100%; width: 100%; margin:0; display:block; } .square{ backgr…

风流物 2025-01-23 18:46:08 2 0

圆形文本动画错误交易

我与此教程,并对此进行了编码: Splitting(); * { margin: 0; padding: 0; box-sizing: border-box; font-family: monospace; } body { display: fle…

爱她像谁 2025-01-23 15:04:44 2 0

CSS比例尺和可滚动容器中的中心图像而无需裁剪

我想缩放图像,以便用户可以在变焦后滚动。 以下示例效果很好,但我必须将原点设置为左上角,否则图像被裁剪到顶部和左上。无论如何,是否可以扩展到…

执妄 2025-01-22 17:28:46 2 0

如何在JS中暂时暂停过渡 /转换效应?

我正在尝试使用CSS和JS的翻转卡的简单动画效果,我尝试了这种方法(这是行不通的): CSS: .card { user-select: none; -webkit-user-select: none; …

段念尘 2025-01-21 13:33:49 3 0

如何仅转换 div 左上角的 CSS 形状

我的设计必须像下面的图像一样重塑,而不必更改字母,例如使用“变换:偏斜”,因为它将改变现有字母的形状。 我不知道这种形状的名称,而是尝试搜索…

梦在夏天 2025-01-20 21:27:06 2 0

进行双向过渡声明或过渡,以考虑以前活跃的伪级?

我想要的正是使一个按钮在鼠标悬停时淡入另一种颜色,但在单击时立即改变颜色。换句话说,当鼠标进入或离开时,颜色会缓慢变化,但当用户按下或释放鼠…

茶花眉 2025-01-20 05:08:44 3 0

svg getBoundingClientRect()+变换:rotate()"以非常特定的方式在铬中被漏洞

getBoundingClientRect()在所有SVG元素上都可以正常工作,除非在Chrome中旋转元素时。 在下面我绘制了2条线,左侧的一条是对角线,右线逐渐启动,如…

下雨或天晴 2025-01-20 04:09:46 4 0

使用 CSS 移动与鼠标相反的元素

我想实现 CSS 鼠标效果,其中: - 如果鼠标向左悬停在元素上,则元素向右移动。 - 如果鼠标向右悬停在元素上,则元素向左移动。 - 如果鼠标向上悬停在…

゛时过境迁 2025-01-18 16:16:00 2 0

在div上使用百分比transformY可能会导致相邻div之间出现接缝

我一直在使用 CSS3 转换在我的网站中创建一个弹出窗口,但我注意到该弹出窗口中相邻 div 之间存在接缝。 我做了一个最小的例子来演示。 #wrapper { wi…

鱼窥荷 2025-01-17 22:36:00 2 0

倾斜变换后去除边框一侧的背景轮廓

HTML: Very Funny CSS: div.labels p { background: red; border-left: 2rem solid white; border-right: 2rem solid white; color: white; font-fa…

猫九 2025-01-15 09:41:35 2 0

SVG 蒙版翻译在 Chromium 浏览器上滞后

我是动画 SVG theme-toggles 集合的作者。我注意到任何涉及翻译掩码的内容在 chromium 浏览器上都非常不稳定,但在 Firefox 上却很好。 有问题的切换…

浅唱ヾ落雨殇 2025-01-15 05:53:27 2 0

我怎样才能从左向右滑动这个 React 抽屉

我在React中做了一个抽屉,这是我从互联网上得到的 问题是它总是从右到左滑动,而且我不知道如何让它从左到右滑动 抽屉的CSS代码是: html { height: …

骑趴 2025-01-15 05:42:46 3 0
更多

推荐作者

夢野间

文章 0 评论 0

百度③文鱼

文章 0 评论 0

小草泠泠

文章 0 评论 0

zhuwenyan

文章 0 评论 0

weirdo

文章 0 评论 0

坚持沉默

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文