transition 相关问题

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

如何设置每种类型的页面转换到特定页面? (CSS 动画)

所以我有 4 个不同的房间转换(上、下、左、右)。我希望能够将每个转换设置为转到特定页面,并在再次单击相同转换时重复。 为了考试...

回答 1 投票 0

如何在我的“roothome”中应用这种窗帘效果(https://workbyworks.studio/)?

我是一个初学者,我的老板指派我制作一个类似于此的网站https://workbyworks.studio/。我不知道如何制作像主页上出现的那样的窗帘效果(https://

回答 1 投票 0

自定义 Bootstrap 4 中的折叠过渡

Bootstrap 4 使用 .collapse 类在打开/关闭 .collapse 元素时对它的宽度/高度进行动画处理。不幸的是,实际的改变是通过添加宽度/高度作为 i...

回答 4 投票 0

如何在SwiftUI中使用SpriteView在场景之间进行转换?

我想在两个场景之间切换: 类 TestGameScene: SKScene { 覆盖 func didMove(查看: SKView) { 尺寸=视图.框架.尺寸 缩放模式 = .resizeFill 让

回答 1 投票 0

为网页制作具有悬停效果的动画导航栏

我想为我的网页制作一个使用悬停效果的动画导航栏,我看到了多个关于如何制作一个的教程,但我无法获得一个很好的平滑过渡。所以我想知道什么...

回答 1 投票 0

如何在Vue3中添加悬停元素的动画?

我想在悬停元素时应用动画。也许现在使用 Transition 组件会更好。动画非常简单,从 1 缩放到 1.5,使元素保持在...

回答 1 投票 0

JavaScript - 在 display:none 和 display:block 之间添加过渡

我正在使用 JavaScript 来切换通知,如下所示。 如何在 display: block 和 display: none; 之间添加过渡 我不想添加像 jQuery 这样的外部库,因为我只是...

回答 9 投票 0

如何在父弹性框div中制作一个div,从左侧滑入?

我有两个并排在弹性框中的 div,我试图让左侧 div 在被 JavaScript 函数调用后滑入,然后将右侧 div 调整大小以使其位于 l.. .

回答 1 投票 0

将鼠标悬停在具有效果的元素上

我在图像列表上创建了一个效果,以便当鼠标经过时它会放大,但是当我转到此列表时,整个列表都会执行效果,而不是所选图像。 当前代码执行...

回答 1 投票 0

通过暂停无限渐变动画来提高性能

出于性能原因,我想在使用 https://www.gradient-animator.com/ 创建的无限渐变动画中添加暂停,以使网络浏览器在渲染 Trans 时得到休息...

回答 1 投票 0

设置显示元素的延迟

当我将鼠标悬停在其他地方时,如何设置显示某物的延迟? 如果有人能帮助我,我将不胜感激。 当我将鼠标悬停在其他地方时,如何设置显示某物的延迟? 如果有人能帮助我,我将不胜感激。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div class="sthelse"> sthelse </div> <div class="sth">sth</div> </body> </html> .sth{ display: none; } .sthelse:hover + .sth{ display: block; transition: 2s; } 要添加使某些内容出现的过渡,您需要向不透明度属性添加过渡。将不透明度设置为 0,然后在悬停时将其设置为 1,过渡时间为 2 秒: .sth { opacity: 0; transition: 2s; } .sthelse:hover + .sth { opacity: 1; transition: 2s; } <!DOCTYPE html> <html lang="en"> <body> <div class="sthelse"> sthelse </div> <div class="sth">sth</div> </body> </html>

回答 1 投票 0

点击时CSS不透明度转换

有什么办法可以让这个图像使用定义的 CSS 过渡淡入淡出吗?现在它刚刚弹出到完全不透明。 var makeImage = 函数() { $('#image').remove(); ...

回答 5 投票 0

快速用户界面转换无法按预期工作

你好,我正在尝试进行快速的 ui 转换,其中可以单击按钮,视图 1 将从屏幕底部向下滑动,而视图 2 从顶部向下滑动到屏幕中。 ...

回答 1 投票 0

CSS 5秒后自动隐藏元素

是否可以在页面加载后 5 秒隐藏元素? 我知道有一个 jQuery 解决方案。 我想做完全相同的事情,但希望通过 CSS 转换得到相同的结果。 任何创新...

回答 6 投票 0

子视图控制器必须有一个公共的父视图控制器

当我连续点击按钮时,我的应用程序崩溃了。点击按钮时,我正在执行transitionFlipFromRight 动画。 这是我在按钮操作上编写的代码片段: 功能

回答 1 投票 0

SwiftUI 动画旋转故障@ 360/0 度标记

所以我有一个根据设备指向的方向设置的特定度数旋转的视图。问题是当你从 359.99 度旋转到 0.01 度旋转时(这是小...

回答 1 投票 0

如何在 SwiftUI 中从圆形/圆角矩形转换为矩形?

在我尝试构建的应用程序中,我有一个带圆圈的滚动视图。当用户点击圆形时,它应该平滑地过渡到全屏矩形。 出于简单原因,我们将只关注......

回答 2 投票 0

如何在 SwiftUI 中从圆形转换为矩形?

在我尝试构建的应用程序中,我有一个带圆圈的滚动视图。当用户点击圆形时,它应该平滑地过渡到全屏矩形。 出于简单原因,我们将只关注......

回答 2 投票 0

如何在 SwiftUI 中的视图之间转换圆角半径?

我有一个类似于应用程序图标的小圆角正方形。当我单击正方形时,它应该平滑地过渡到全屏矩形,没有圆角。 以下代码为 c...

回答 1 投票 0

带有 prop :touchless="true" 的 v-tab-item 仍然允许用户在选项卡之间滑动

重现步骤 向页面添加选项卡组件 在 v-tab-item 上使用属性 :touchless="true" 用手指滑动仍然会导致转换 非接触式道具应防止用户滑动。 但是...

回答 2 投票 0

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