css-transitions 相关问题

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

为什么我添加元素时过渡不起作用?

每次调用函数时我都会创建一个元素,但转换并不总是有效。我想要一条来自屏幕顶部的消息,但它立即添加了元素

回答 1 投票 0

导航链接显示/隐藏转换不适用于顺风

我有汉堡按钮来显示/隐藏小型设备中的导航链接。它工作正常,但我想显示/隐藏带有过渡的导航链接,但它不起作用 //导入 const [isVisible, setIsVisible] =

回答 1 投票 0

如何防止选项卡更改时发生转换?

我正在努力防止切换选项卡后触发转换。 例子 const { createApp、reactive、ref } = Vue; 常量应用程序 = createApp({ 设置() { // 切换标签查看...

回答 1 投票 0

vue3 过渡在布局组件内不起作用

我想在我的 Vue3 SPA 中使用一些转换。 我使用 Vuetify 和 vue-router。 我有两个地方有“””””。 如果将转换放入 App.ejvue,它可以正常工作,但仅限于整个应用程序加载时。 布...

回答 1 投票 0

如何使用给定脚本禁用CSS过渡加载

我是 jQuery 新手,需要弄清楚如何禁用导航栏加载时的转换。现在,当您加载页面时,导航会转换为一个大白条,然后稳定下来......

回答 1 投票 0

过渡时间和变换功能在CSS中不起作用

我正在 IntelliJ IDEA 2023.2(终极版)中使用 javafx 20.0.1 构建一个应用程序。这是我的CSS代码: 。菜单栏 { -fx-背景颜色:#FFC7C7; } .menu_bar 按钮 { -fx-背景颜色:

回答 1 投票 0

虚拟时钟手臂的最后一个滴答声动画

我正在 css 和 javascript 的帮助下开发一个虚拟时钟。随着时间的流逝,我使用了以下变换来变换时钟的指针。我的问题是当手臂...

回答 1 投票 0

如何在React中实现自动水平滚动

我正在做一件小事,我必须让我的 div(卡片)以动画水平滚动,而不需要单击任何按钮。 我想要实现的目标 我有一些国家的数据,...

回答 1 投票 0

如何让 TransitionEnd 处理集合中的每个项目,而不是仅触发最后一个项目? [重复]

我需要元素进行转换(使用添加的类),然后在完成所述转换后恢复(通过删除类)。这有效,但仅适用于集合中的最后一个元素(无遮罩...

回答 1 投票 0

多重旋转和缩放过渡不起作用

我想在特定触发发生时应用旋转、缩小以及在图像旋转状态之间的转换。缩小和缩小应该在旋转期间发生。 https://jsf...

回答 1 投票 0

过渡变换在卡外开始

我有一张卡片,它有一个图像,通常一半图像显示在卡片之外。当鼠标悬停时,卡片图像会全高显示。 但我有一个问题。正如你在 gif 中看到的,当鼠标悬停时...

回答 1 投票 0

CSS 过渡不适用于顶部、底部、左侧、右侧

我有一个带有样式的元素 位置:相对; 过渡:所有 2 缓和 0; 然后我想在点击它后平滑地改变它的位置,但是当我添加样式改变时过渡不会......

回答 6 投票 0

为什么在选中的类上设置转换完全没有效果?

我尝试创建无 JavaScript 的选项卡。 这有效,但现在我想要像 https://web.dev/articles/building/a-tabs-component 上那样进行 CSS 转换 在那里它用 滚动行为:顺利...

回答 1 投票 0

元素单击时 CSS 转换和 JavaScript 更新之间的同步问题

我正在开发一个网络项目,其中有用户可以单击的元素列表。单击某个元素时,它应该变为活动状态,从而触发持续的 CSS 转换(例如,变换)...

回答 1 投票 0

如何根据 TailwindCSS 中的同级 div 应用 CSS 转换

当我点击“item.title”时,“item.text”将打开。这很好用。但我在“item.text”上应用的过渡在打开时不起作用。所以当我点击...

回答 1 投票 0

网格行变换器过渡/动画

我有三个元素,当元素可见时定位在中间网格行(网格行:2)(使用类.hide和.show,以及它们改变的js),并定位在中间(网格-r...

回答 1 投票 0

如何完善菜单打开和关闭之间的过渡?

我正在为我的网站制作菜单叠加层。由于我相对缺乏经验,因此我的程序基于我在 W3Schools 上找到的程序。 var 菜单打开 = false; 函数切换导航(){ 如果(菜单操作...

回答 1 投票 0

CSS 转换在删除类时起作用,在添加类时不起作用

在我的 React 项目中,我尝试使用 css 过渡显示隐藏元素 我有一个按钮,当我单击它时,会添加类展开,当我重新单击它时,类会被删除 这是我的代码 ...

回答 1 投票 0

向下滑动动画从display:none到display:block?

有没有一种方法可以使用 CSS 将 display:none 动画化为 display:block ,以便隐藏的 div 向下滑动而不是突然出现,或者我应该以不同的方式解决这个问题? $(文档).准备好(

回答 7 投票 0

手风琴组件中的 CSS 转换不起作用

我不确定 CSS 转换是否正确。我正在开发一个手风琴组件,我只想在展开和折叠状态之间平滑变化。这是代码: .手风琴{

回答 1 投票 0

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