css-transitions 相关问题

CSS Transitions允许CSS值的属性更改在指定的持续时间内平滑发生。

任何人都可以帮助我在react.js中的onClick事件上实现SVG的平滑过渡吗?

我想要一个汉堡图标,在 onClick 事件中它会变成“X”图标。 但我无法实现平稳过渡,有人可以帮助我吗? 反应 从'react'导入React,{useState}; 导入...

回答 1 投票 0

使用tailwindcss和vuejs添加到动态隐藏属性的过渡

我使用 tailwind css 和 nuxt 创建 UI 布局。 侧边栏在 md 断点处始终可见,并在移动设备上隐藏,仅在单击菜单按钮时才可见。 这很好用...

回答 1 投票 0

Vue3 过渡:相互独立地控制幻灯片淡入和幻灯片淡出

我正在尝试在我的项目中实现评论部分。每个评论都有自己的鹅毛笔编辑来回答。这背后的原因是在我的移动版本上我想显示固定在

回答 1 投票 0

动画 grid-auto-rows 属性

我有一个简单的 css 网格,其中有 X 个网格项。网格项目的数量可以变化,它们的大小也可以变化。我需要创建一个简单的扩展器,因此只有一定数量的行将被 vi...

回答 1 投票 0

通过 JavaScript 应用 CSS 转换

document.getElementById("getStartedButton").addEventListener("click", function() { document.querySelector(".description").classList.add("隐藏描述"); // 添加隐藏描述的类 医生...

回答 1 投票 0

如何在没有最大高度但使用纯CSS的情况下将高度0转换为自动

这可能是你们很多人都遇到过的问题,并且由于某种原因,修复方法并不容易找到。 但有一个解决办法! 请允许我展示: 首先,您需要使用以下 css 创建一个网格元素...

回答 1 投票 0

当顶部元素从 DOM 中删除时,如何使用 css 使底部元素具有动画效果?

让我们有 2 个 div,一个是红色,另一个是蓝色。红色 div 位于顶部,蓝色位于底部。现在,在删除顶部元素时,底部元素会向上移动。我基本上希望当蓝色/底部 div ...

回答 1 投票 0

当图像 src 随反应状态更改时,过渡或动画不起作用

下面的代码过渡或动画不起作用,但图像刚刚发生变化。 样式:{ 图像样式:{ 不透明度:1, 过渡:“不透明度 0.5s 线性”, 高度...

回答 2 投票 0

CSS 转换不适用于 React MUI 对象

我用状态变量设置了 MUI Box 对象的高度,它完美地工作了:一旦状态改变,大小就会相应改变。 现在我想要实现高度的平滑过渡。我...

回答 1 投票 0

使 MUI 按钮随着过渡而变宽

所以我们有这个自定义的ToggleButton,并且我们有一种情况,其中的文本会根据某些状态的变化而变化。问题是宽度的增长是突然的,如何轻松过渡? 哈...

回答 1 投票 0

如何使红色div中的文本实际上在div中,以便当其展开时它会显示所有文本?

我一直在尝试制作一个有趣的功能,如果您将光标悬停在红色 div/红色框上,它将使其展开并使用垂直线性过渡显示更多文本...

回答 1 投票 0

如何顺利移动卡片

我正在尝试以编程方式非常顺利地将卡片(第三张)移动到视口 onclick 事件的顶部,但这样做时遇到困难。 我可以进行瞬时移动(但不能...

回答 1 投票 0

关闭组件时成帧器运动不会转换

关闭侧边栏等条件渲染组件时,我遇到过渡效果问题。打开时可以正常工作,但关闭时则不行。有人能帮我吗? 常量 {

回答 1 投票 0

将元素添加到 DOM 时,转换无法正常工作[重复]

当我在 JavaScript 中触发函数时,我试图淡入 Toast 消息。 我想要这个函数来创建元素,将其添加到 dom,然后使用 css 过渡淡入淡出,然后淡出我们...

回答 2 投票 0

如何增加滑动幻灯片的过渡持续时间?

我的幻灯片工作正常,但它们转换得太快了。我想将淡入淡出过渡减慢到两秒左右。这是我当前正在使用的相关代码。 我正在使用

回答 1 投票 0

基于状态变化的条件渲染时,React 转换不起作用

我有一个切换按钮来更改布尔状态。当状态切换时,我希望一个特定的块随着转换而出现/消失。但过渡不起作用。有什么吗...

回答 1 投票 0

过渡不适用于 HeadlessUI 的 Dialog 组件

我正在使用 Next.JS 14.1.3 我从 HeadlessUI 添加了 并设置了 TailwindCSS,但是当我尝试在页面上打开模态窗口时,尽管我提供了所有内容,但根本没有任何转换...

回答 1 投票 0

单击 html、css 和 javascript 中的 a 标签时如何创建视频过渡

我正在尝试使用隐藏且高度为 0% 的视频在 html 页面之间创建过渡。我不知道从哪里开始,希望在这个问题上得到一些指导。这是我的代码...

回答 1 投票 0

设置 CSS 过渡根据元素大小使用速度?

是否可以将 CSS 过渡设置为使用速度而不是持续时间? 现在,如果我想要一个将元素从另一个元素的左向右移动的类,速度会有很大差异。 如果我有

回答 3 投票 0

是否可以为变换选项设置不同的持续时间/延迟?

我想为我的 html 对象设置几个转换选项,但具有不同的持续时间和延迟。 如果我尝试使用类似的东西: -webkit-transition:-webkit-transform,不透明度; -webkit-tran...

回答 4 投票 0

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