transition 相关问题

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

从 SVG 三角形剪辑平滑过渡到圆形

我正在使用 SVG 将图像剪切到三角形。我的目标是让路径扩展并在悬停时变成一个圆圈(平滑过渡)。 我发现的最接近的是这个 codepen 作为响应...

回答 2 投票 0

如何让每次点击有动画的div时都会发生动画?

我是 Angular 的初学者,我正在尝试开发一个简单而小的应用程序,该应用程序由健身房及其相应的经理系统组成,每个健身房都有一个教练名单。到目前为止,如果我...

回答 1 投票 0

SwiftUI 弹性比例“流行”过渡

给定一些形状,我想让它弹出到屏幕上。 如果显示形状{ 长方形() .frame(宽度:100,高度:50) .transition(.scale) } 自定义 Transition 如何取代比例

回答 1 投票 0

固定位置的全屏 div 到相对位置之间的过渡和动画

我需要一个div,它在开始时应该占据整个视口。经过一段延迟后,该 div 必须更改为相对位置并更改其尺寸以适应宽度和 16/9 比例。

回答 1 投票 0

如何在Delphi Firemonkey Android 上使用 TSlideTransitionEffect 实现图像的幻灯片动画

我正在尝试在几个 TImages 对象之间创建一个简单的幻灯片动画(向右滑动并替换为下一个图像),但它在屏幕上看起来不正确,所以我可能正在做一些错误的事情...

回答 1 投票 0

如何使用JS文件添加转场

我正在开发一个网格布局项目。在此项目中,当您将鼠标悬停在元素上时,元素行会增加,因此大小也会增加。问题是这样做的时候变化非常快,我......

回答 1 投票 0

Tailwind 转换在 React 中停止工作

我使用这个 isVisible 来触发转换 使用效果(()=> { 常量计时器 = setTimeout(() => { setIsVisible(true); }, 500); return () => 清除Ti...

回答 1 投票 0

悬停过渡时更改两种颜色

我的颜色#EF7A00是默认状态。当我将鼠标悬停在圆圈上时,颜色应更改为#969089,但该颜色仅在悬停过渡时出现。在悬停状态结束时,应该...

回答 1 投票 0

如何在 v-if 上添加平滑的 Vue 折叠过渡

我正在努力尝试使用 v-if 平滑地显示/隐藏内容的 Vue 转换。虽然我了解 CSS 类和转换,但我可以使用诸如

回答 4 投票 0

是否可以在vb.net中使用Form生成动画过渡?

是否可以用VB.NET语言制作动画,就像Bunifu生成的过渡一样? 以前与以下链接相关的标准控件 关联 代码在form1中 公共...

回答 1 投票 0

工作流实例结束时,JBPM 任务实例为“IN_PROGRESS”

在 alfresco 4.1 中,使用 JBPM,我定义了以下工作流程: 在 alfresco 4.1 中,使用 JBPM,我定义了以下工作流程: <?xml version="1.0" encoding="UTF-8"?> <process-definition xmlns="urn:jbpm.org:jpdl-3.1" name="dswf:testworkflow"> <swimlane name="initiator" /> <start-state name="start"> <task name="dswf:startTask" swimlane="initiator"/> <transition name="" to="wait" /> </start-state> <task-node name="wait"> <task name="dswf:waitCompletion"> <event type="task-create"> <action class="org.alfresco.repo.workflow.jbpm.AlfrescoJavaScript"> <script> logger.log("Waiting"); </script> </action> </event> </task> <transition name="complete" to="completed" /> </task-node> <node name="completed"> <event type="node-enter"> <action class="org.alfresco.repo.workflow.jbpm.AlfrescoJavaScript"> <script> logger.log("Completed"); </script> </action> </event> <transition name="" to="end" /> </node> <end-state name="end" /> </process-definition> 使用以下 java 代码,我触发了从等待到完成的转换: /* Suppose that workflowInstanceId is the id of an instance of this workflow */ List<WorkflowPath> paths = workflowService.getWorkflowPaths(workflowInstanceId); if (paths != null && paths.size() != 0) { for (WorkflowPath wp : paths) { try { /* checkTransition() returns true if the path contains the transition "complete" */ boolean hasComplete = checkTransition(wp, "complete"); if (hasComplete) { workflowService.signal(wp.getId(), "complete"); } } catch (WorkflowException ex) { ex.printStackTrace(); } } } 在执行代码之前,我可以在工作流控制台中看到工作流实例位于正确的任务中,并且存在转换complete。 当代码执行时,命令: 显示全部工作流程 不返回任何工作流程。 一切看似正常,但似乎有问题。 任务实例 wait 仍在 IN_PROGRESS 中,因此即使工作流实例不再存在,它也会由 Web 脚本返回。 这是一个老问题,但我有答案。我不确定这是否是您的正确答案。 我遇到了同样的问题,信令不起作用。所以我使用了以下 <action class="org.alfresco.repo.workflow.jbpm.AlfrescoJavaScript"> <script> <variable name="wf_ended" access="read,write" /> <expression>wf_ended = true;</expression> </script> </action> <script> executionContext.getTaskMgmtInstance().endAll(); </script>

回答 1 投票 0

片段之间的动画过渡 - 滑动效果 - 半透明状态栏和操作栏

我需要像此页面这样的效果,我已阅读此链接并且我对此效果感兴趣(您可以在此视频链接中看到),这里是序列的示例: 我需要两件事: 创建/实施...

回答 5 投票 0

CSS 过渡 flex-grow 时自动放大背景图片时出错

CSS 中的代码: .图像手风琴{ 背景大小:包含; 弹性增长:1; 背景位置:中心中心; 下边距:2px; 过渡:flex-grow 0.7s 缓入缓出; ...

回答 1 投票 0

设置宽度:0不隐藏文本

我想创建一个侧面导航菜单。它在大屏幕上可见,在小屏幕上隐藏,并且在调用 javascript 函数取消隐藏时变得可见。 一切都是w...

回答 3 投票 0

CSS3 SVG 简单过渡:鼠标悬停时出现和消失

我正在尝试使用两个项目进行简单的CSS3过渡:一个svg框(代表svg绘制的徽标)和其后面的标签(代表标题名称标签)。 默认情况下只有盒子... 我正在尝试使用两个项目进行简单的 css3 过渡:一个 svg 框(代表 svg 绘制的徽标)和其后面的 <p> 标签(代表标题名称标签)。 默认情况下,仅应显示该框,而应隐藏文本。当鼠标悬停在 SVG 框上时,该框应通过简单的 CSS 淡入淡出过渡消失(或者甚至更好的阴影模糊以获得加分;-),然后名称标题应在 1 秒内出现焦点(从阴影模糊) . 目前我陷入困境,因为我的代码无法激活鼠标悬停。我在这个阶段做错了什么? svg:hover p 不是我最后一步的正确选择器吗?以及如何设置过渡淡入淡出效果? *{margin: 0; padding: 0;} svg{ position: absolute; fill: rgba(0,200,0,1); z-index: 2; top: 0px; left:0px; display:block; } p{ position: absolute; z-index: 1; top:70px; display: block; color: rgba(0,0,200,0); /* hide the title as default */ } svg:hover{ fill: none; } svg:hover p{ color: rgba(0,0,200,1); /* on mouse over svg, show title. // Doesn't work!! */ } <svg width="100" height="100" viewBox="0 0 100 100"> <rect x="10" y="10" width="100" height="100"/> <p>Title of this Website</p> </svg>http://stackoverflow.com/questions/ask# 您无法将元素放置在 SVG 内。 您应该将 SVG 和段落都放置在容器内,并将悬停效果设置为作用于容器。 对于过渡,请在每个元素上使用过渡属性,或者将其放置在父元素的所有子元素上。 像这样的东西: <style type="text/css"> * {margin: 0; padding: 0;} .svg-container * { -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -o-transition: all 1000ms ease; -ms-transition: all 1000ms ease; transition: all 1000ms ease; } svg { position: absolute; fill: rgba(0, 200, 0, 1); z-index: 2; top: 0; left: 0; display: block; opacity: 1; } p { position: absolute; z-index: 1; top:70px; display: block; color: rgba(0,0,200,0); } .svg-container:hover svg { opacity: 0; } .svg-container:hover p { color: rgba(0,0,200,1); } </style> <div class="svg-container"> <svg width="100" height="100" viewBox="0 0 100 100"> <rect x="10" y="10" width="100" height="100"/> </svg> <p>Title of this Website</p> </div>

回答 1 投票 0

SwiftUI 中子视图的过渡动画

我已经对此进行了多年的研究,但无法在这里或在线找到任何解决如何在子视图出现/消失时创建自定义过渡的答案。 我想做的事...我...

回答 1 投票 0

如何删除具有不同 Transition 的视图背景?

我将提供一个简化的示例。假设当我切换时,我想立即删除文本的背景,而不需要任何过渡或动画,但让文本本身以不透明度淡出......

回答 1 投票 0

如何删除具有不同过渡的视图背景? SwiftUI

我将提供一个简化的示例。假设当我切换时,我想立即删除文本的背景,而不需要任何过渡或动画,但让文本本身以不透明度淡出......

回答 1 投票 0

更改导航中文本的字体大小

我想在导航时更改文本的字体大小。假设我们在 screen1 中有一个文本小部件,它的字体大小为 14 像素,在 screen2 中有另一个文本小部件,字体大小为 18 像素。 ...

回答 1 投票 0

Jetpack Compose 中使用脚手架进行应用栏过渡

我遇到的问题是,在屏幕之间转换时,顶部应用程序栏始终首先出现,并且不跟随预期屏幕的转换。 如何使顶部应用栏...

回答 1 投票 0

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