css-transitions 相关问题

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

应用关键帧后如何反转

在此处输入代码,这是我正在应用的动画。它工作正常。 .sidebar.right.expand {动画名称:reducetime;动画时间:1秒; display:block!important $(document).ready(()=&...

回答 1 投票 0

CSS:如何在悬停时从背景图像中删除带有过渡的色调?

我有以下HTML和CSS示例,其中的图像带有红色。当我将鼠标悬停在它上面时,就消除了色彩-这是通过再次插入图像而没有...

回答 2 投票 0

在继续使用DOM之前如何使用DOM完全应用一个CSS过渡?

我想沿着特定路径移动箭头。我知道我必须应用CSS转换才能移动箭头,但是我遇到了一个问题。箭头需要先向下移动,然后向左移动,然后向上移动,直到它结束...

回答 2 投票 -1

如何将淡出动画或其他任何动画从不显示显示应用于显示块?

我提供了我用来在单击按钮时隐藏和显示阅读的更多文本的javascript代码,它工作得很好,但是现在客户希望该文本......>

回答 1 投票 0

添加新子项时父项的平滑高度变化[Vue]

我已经阅读了vue transitions文档,并且很清楚如何将它们应用于所需的元素。但是,当一个新的子容器(绿色)时,如何使高度变化平滑于父容器(灰色)...

回答 1 投票 0

CSSTransition过渡输入活动事件未按预期工作

我是JS,React和CSSTransition的新手,因此,如果其中任何一项显而易见,请原谅。我正在尝试为div输入一些基本的进入/退出动画(最好从右滑入并向左滑出,...

回答 1 投票 0

如何在CSS转换中使用CSS过渡

。circular-menu.active .menu-item:nth- child(4){变换:translate3d(-7em,1em,0);过渡:轻松}我为带有标签的菜单项获取了此代码。变换效果有效,但是...

回答 1 投票 0

为什么React组件上的CSS过渡仅在一个方向上起作用?

我有4个div,当我按向左或向右箭头键时,我想移动其中一个。此举应该是一个过渡,而不是瞬时的,但是出于某种原因,该过渡仅在I ...

回答 1 投票 0


关闭浏览器刷新页面动画/单击内部菜单链接

我制作了一个打开页面的动画,它在页面加载后立即运行。我的问题是关闭动画计时。例如,它持续2秒,我喜欢在浏览器刷新/单击...

回答 1 投票 0

具有后续元素延迟的CSS动画

我正在尝试以交错方式使三个点“掉落”到屏幕上的动画:每个点在视口中的显示都略有延迟。由于某些原因,延迟未应用于...

回答 2 投票 0

如何显示前三个徽标等待一秒钟,然后显示无限循环的下三个徽标?

到目前为止,我有9个徽标,并且该徽标按列表顺序显示。现在我正在做的是,我必须显示前三个徽标并等待一秒钟,然后隐藏这三个徽标并显示...

回答 2 投票 1

边界半径过渡在Safari中不起作用

我正在处理一个小页面,其中一个部分将包含一个图像库。原始图片是正方形,但是在页面上,我将边框半径设置为50%,然后将鼠标悬停在...

回答 1 投票 0

我可以使用transform作为过渡属性的值吗?

我可以使用transform作为过渡属性的值吗?过渡属性:转换; W3C转换标准没有将转换列为可动画值。实际上W3C转换标准缺少...

回答 3 投票 4

出于某种原因从页面加载开始过渡

更新:当我将CSS放入内部时,问题就消失了。我进入了chrome浏览器的开发工具,并比较了重新加载页面时发生的情况。第一张图片带有内部CSS,...

回答 1 投票 1

平滑滚动继续返回到登录屏幕,而不是#

我正在使用Jquery尝试通过导航栏平滑滚动到页面的特定部分,但是它一直跳转到主页登录屏幕,而不是正确的位置。这是代码...

回答 1 投票 0

Progress Bar Html5-过渡不起作用-Firefox

有人可以帮我吗?我有一个进度条(HTML5),还有一些CSS转换。但是,该过渡不适用于Mozilla,仅适用于Google Chrome。 window.onload = function(){...

回答 1 投票 0

在redux异步操作中使用setTimeout来模仿较慢的响应是否是错误的做法? React JS

我正在使用Axios在redux动作中获取一些数据,然后通过react将其显示。我一直在跟踪请求的加载,错误状态,因此我可以显示适当的组件以获得更好的UX ....

回答 1 投票 0

动画完成与未完成之间的不同过渡延迟(仅css)

解决方案:我发现的解决方案是在彼此顶部使用两个div(为了使功能更清晰,我将其中一个div设为红色),尽管它必须为两个div设置动画效果,但是它仍然应该...

回答 1 投票 0

jquery-mobile-防止在将新页面加载到DOM时滚动顶部?

我想在更改页面时覆盖Jquery Mobile滚动到屏幕顶部。我需要调整两个过渡:a)DOM中已经存在的两个页面之间的过渡(请参阅...

回答 1 投票 1

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