css-transitions

css-transitions

文章 0 浏览 5

从 bootstrap3 迁移到 bootstrap 5

我已经在 Bootstrap 3 中构建了一个网站。我开始将其转换为 Bootstrap 5。我的网站上的所有内容都损坏了,是否有任何简单的方法可以从 Bootstrap 3 转…

聊慰 2025-01-11 23:37:13 0 0

无法弄清楚将大括号放在哪里以及其他错误?

我正在尝试从该网站添加一个简单的向下滚动图标动画, https://codepen.io/TKS31/pen/gOaKaxx 到我的项目,但我收到错误。 10 problems } expected cs…

我是男神闪亮亮 2025-01-11 16:57:25 0 0

我正在尝试让转换属性在我的代码中工作

我开始开发一个作品集网站,结果 CSS 转换减慢了我的速度,因为它没有响应我的悬停功能,当我将鼠标悬停在 Facebook、GitHub、Twitter、邮件和电话链…

寄意 2025-01-11 15:54:49 1 0

CSS 性能问题。上课时口吃适用

我正在使用顺风类在我的网站上实现一个黑暗主题。例如: 由于某种原因,每当我改变主题时,过渡并不顺利,而是滞后和口吃。我注意到,随着页面上深色…

飘过的浮云 2025-01-11 02:42:06 0 0

如何在显示器内过渡项目大小变化:flex;对齐内容:空间之间;分区

我有一个 display: flex; justify-content: space- Between; 容器 div,里面有 2 个孩子。第二个子类将更改为包含(或不包含)具有 display: none; 的…

白衬杉格子梦 2025-01-10 22:38:23 0 0

当 React 状态改变时,将 CSS 转换应用到样式组件

我有一些状态在单击按钮后发生变化。状态会改变侧边栏的大小。 这是我用 styled-components 和条件渲染制作的 CSS: const SidebarStyled = styled.di…

双手揣兜 2025-01-10 19:57:57 0 0

CSS 随状态变化时的转换 - React

我有一个侧边栏,当我单击按钮时它会最小化。我使用一个类组件,并且有一个状态来处理它。 如果true,则侧边栏宽度为 200px。 如果false,则为 70px。…

陪你到最终 2025-01-10 13:32:42 0 0

横向过渡页面

我有一个基本上有 2 个页面的网站。总共有3个部分,第一页显示左侧和中间,第二页显示中间和右侧。我想知道是否有一种简单的方法可以在两页之间水平转…

染墨丶若流云 2025-01-10 11:42:24 0 0

如何制作像cookie clicker一样的浮动文本onclick?

当点击 cookie clicker 中的“big cookie”时,会出现一个弹出窗口,显示您获得了多少 cookie(此图像中为 +276.341 septillion),该窗口缓慢向上移…

花开浅夏 2025-01-09 11:54:32 0 0

CSS 过渡缓入和缓出不同的值

我想申请 CSS 在缓入和缓出时悬停时转换不同的值。 像这样, ease-in: 180ms, ease-out: 240ms 当我悬停时,它将是 180 毫秒的缓入,但当悬停时,它将…

浅笑依然 2025-01-09 08:01:53 0 0

如何将以下过渡和动画属性应用到 Box

我正在尝试将以下属性应用于盒子。 但无法理解如何以过渡和动画的形式应用它们。…

孤独患者 2025-01-09 06:59:12 0 0

CSS 在悬停时将背景颜色从 50% 过渡到 100%

我正在尝试在悬停时创建一个简单的缓入过渡,其中背景颜色从视口的 50% 增加到视口的 100%。 Document .container { height: 100vh; width: 50%; back…

鸵鸟症 2025-01-09 06:08:55 0 0

使用 CSS3 过渡延迟鼠标移开/悬停

我有一个在悬停时会改变大小的盒子。但是,我想延迟鼠标移出阶段,以便框在恢复旧尺寸之前保持新尺寸几秒钟。 div { width: 70px; -webkit-transition…

怕倦 2025-01-08 03:29:08 0 0

如何在离开页面之前对点击的链接进行动画处理?

这是我想要实现的目标: 单击 HTML 链接时,我想在离开页面之前对其进行动画处理 如果在新窗口/选项卡中打开链接,则不应发生动画 我到底如何实现这一…

芯好空 2025-01-08 00:06:37 1 0

为什么 CSS3 过渡属性表现得很有趣?

这里发生了奇怪的事情。如果您可以,请参阅此tinkerbin页面:http://tinkerbin.com/UZy6H6q4 这是以防万一的html和css你看不到修补匠。 ul{ overflow:…

时光清浅 2025-01-07 21:28:47 0 0
更多

推荐作者

卷耳

文章 0 评论 0

佚名

文章 0 评论 0

℉服软

文章 0 评论 0

qq_2gSKZM

文章 0 评论 0

凉宸

文章 0 评论 0

gyhjy

文章 0 评论 0

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