transition 相关问题

使用javascript或css将元素从一个状态设置为另一个状态。

Android 在 Activity recreate() 上进行转换

我想在更改主题后在 Activity recreate() 上进行转换,可以吗? 我试过: @android:anim/fade_in @android:anim/fade_out 但它没有起作用,这也会影响

回答 4 投票 0

在 Flutter 中设置 go_router 的默认转换

正如 go_router 的文档所描述的,为单个页面设置 pageBuilder-Transitions 很容易。 但是,我想为所有页面设置默认的 PageTransition。 如何设置默认页面传输...

回答 5 投票 0

即使我切换正在使用的属性,我也可以维护 CSS 转换吗?

我有一个div,我正在从左到右移动。为了使其始终显示在屏幕上并且在调整窗口大小时不会错位,我根据...的哪一侧切换左右的使用。

回答 0 投票 0

SwiftUI:如何修复防止 y 方向比 x 方向发生更快的转换?

我正在尝试在两个视图之间创建过渡。由于我目前正在测试转换,因此两种视图都非常简单。 第一个名为“Playground5”的视图包含一个小直角......

回答 1 投票 0

SwiftUI:如何消除使用 MatchedGeometryEffect 时的故障?

我正在尝试在两个视图之间创建过渡。由于我目前正在测试转换,因此两种视图都非常简单。 第一个名为“Playground5”的视图包含一个小直角......

回答 0 投票 0

SwiftUI matchesGeometryEffect 动画可以与过渡相结合吗?

我想将默认过渡 (AnyTransition.opacity) 替换为也应用了 matchesGeometryEffect() 修饰符的视图的另一个过渡。我尝试了几种不同的技术...

回答 1 投票 0

使用 Jquery 对图像更改(添加/删除类)的过渡效果

我需要帮助在 div 框上悬停/退出的简单过渡效果,以将第一张图像 .image-main 更改为第二张图像悬停。 它现在工作正常,但我不知道如何添加 mouseOn/mouseOut 效果(si ...

回答 1 投票 0

添加幻灯片过渡到已经有翻转动画的视图?

我有一个抽认卡活动,我从这里提取了一些代码以合并卡片翻转动画,因为这个级别的 swiftUI 有点超过我的薪水等级。 但是,我还想添加一个幻灯片...

回答 0 投票 0

Flutter:如何使新传入的子页面在过渡到屏幕时淡入并放大

我正在尝试了解如何在 Flutter 中使用 AnimatedSwitcher 来创建两个页面之间的过渡动画,我真正想要的是新页面从...慢慢淡出屏幕

回答 0 投票 0

师在悬停时展开的过渡不适用于右侧的师

我正在尝试进行过渡,一旦您将鼠标悬停在该部门上,该部门就会扩大,但它不适用于最右边的部门,当我将鼠标悬停在...上时,它会以一种奇怪的方式出现故障...

回答 0 投票 0

“高度:适合内容”没有 CSS 转换

我使用 transition: height 500ms 将动画添加到通过按钮从 height: 0 到 height: 100px 滑动打开的元素,反之亦然。 由于元素的内容是动态添加的,所以我 ...

回答 5 投票 0

如何实现Things 3的动画效果? [关闭]

如何实现Things 3 的动画效果。点击展开和关闭可以缩放回原来的地方。在此处输入图像描述 我尝试以多种方式使用 SwiftUI,但没有...

回答 0 投票 0

SwiftUI View 不会在过渡动画结束后立即消失

我创建了一个带有移动转换的应用程序,它使用 SwiftUI 从下方发送一个视图。但是当View消失的时候,过渡动画结束了,但是View还停留了1秒左右。 T...

回答 2 投票 0

CSS悬停和元素重叠问题

这是我想在我的网站上使用的带有按钮的codepen链接: https://codepen.io/nikolett_codes/pen/BMmOxO 这是 HTML 代码: 打电话给我们 这是我想在我的网站上使用的带有按钮的 codepen 链接: https://codepen.io/nikolett_codes/pen/BMmOxO 这里是 HTML 代码: <div class="phone cta">Call us</div> <div class="phone number">(453) 416-4742</div> 问题: 假设“OP”是.cta 原始位置,“NP”是.cta 新位置。 令人恼火的是,如果您将鼠标悬停在 cta 元素上,然后将光标移到它上面(在 NP 处),动画不会中断。悬停,当您将鼠标悬停在 OP 上时,当 .cta div 处于 NP 时(因此基本上悬停在 .number div 上)它会中断并返回到 OP。 我该如何处理? 一种方法是将鼠标悬停在 .number 上时进行转换,但由于 z-index,这是不可能的,因此动画永远不会开始。 我想另一种方法是获取 .number 位置并将事件监听器应用于该区域? 处理这个问题的最佳方法是什么? 解决这个问题的一种方法是将 .phone.cta 和 .phone.number div 包装在一个容器 div 中,并将 :hover 伪类应用于容器而不是 .phone.cta div。 <div class="phone-container"> <div class="phone cta">Call us</div> <div class="phone number">(453) 416-4742</div> </div> 并将其添加到 css 中: .phone-container { position: relative; } .number { z-index: 0; position: relative; } .phone-container:hover .cta { transform: translateX(-80%); transition: 1.2s; }

回答 1 投票 0

Tailwind css 中的所有过渡都无法正常工作

为什么当我打开切换栏内容时立即出现但如果我关闭它转换 kciks ? 常量导航栏 = () => { const [nav,setNav] = useState(真) const handleNav = () =>{

回答 1 投票 0

为什么过渡不适用于按钮?

代码看起来完全正常并且可以正常工作,但表现得好像所有转换都被注释掉了。 这是我目前拥有的按钮代码: 。按钮 { 字体大小:19px; 文字装饰:...

回答 3 投票 0

SwiftUI 双向移动转换在某些情况下以错误的方式移动

我的应用程序有四个主要功能区域,用户可以通过 ContentView 底部的自定义选项卡栏访问它们。我想使用幻灯片过渡在视图之间移动...

回答 2 投票 0

我怎样才能让我的过渡工作,因为没有任何效果?

我尝试了多种方法,例如通过持续时间和其他过渡来更改过渡持续时间,但它从未奏效。发送帮助 这是代码笔:https://codepen.io/LeLicorne/pen/ZE...

回答 2 投票 0

Vue3 过渡路线 V-SLOT 在组件内部有另一个绑定文本的过渡,但这个不起作用

我有这个代码。在 app.vue 中,我使用路由 V-Slot 转换来很好地更改我的组件。但是我也想在这个信息组件中使用转换——我想顺利地传输绑定的...

回答 1 投票 0

代码编辑器未拾取元素

我有两个元素似乎没有被开发编辑器选中。 过渡:边框颜色 3s 缓入缓出; = 边框颜色没有被拾取。我有漂亮的

回答 0 投票 0

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