我正在尝试为我的一个Web应用程序创建一个对话框。 我在http://jsbin.com/etuyut/2/edit中实现了这一概念。

我希望对话框带有动画。

我了解到,无法通过动画退出(隐藏)对话框,因为包装器的display变为none 我想知道引入(显示)对话框有什么问题。

我将ZeptoJS用于前端。

===============>>#1 票数:0

乳清? 好吧,这是乳清...

http://w3schools.invisionzone.com/index.php?showtopic=46498

  • 淡入时,将显示更改为阻止,然后将不透明度增加到1.0
  • 淡出时,将不透明度降低到0.0,然后将显示更改为无
  • 在下一次淡入之前,将显示更改为再次阻止...

褪色是很常规的工作,没有什么不可能的。 通过上面的链接后,让我知道您是否需要代码帮助。 我认为这足以将您推向正确的方向。

  ask by Goje87 translate from so

未解决问题?本站智能推荐:

2回复

动画CSS3不适用于此悬停图像

我有一个图像,其背景在悬停时发生变化,我想添加悬停到它。 这是我想要添加的内容: 它是在线版本: http : //jsfiddle.net/jmXdh/2/
3回复

CSS3在悬停时显示其他元素

我在这里尝试显示悬停锚标记的列表项。 当div悬停时如何影响其他元素 -尝试使用本文,但无法成功。 我在这里仅使用纯CSS尝试此操作。 这是FIDDLE 。 下面是代码。 HTML: CSS:
4回复

从CSS3的中心过渡HTML元素

我正在尝试使用CSS为元素的height属性设置动画,但是我希望从中心开始。 下面是我的代码,但它会更改底部的高度。 .toggle { position: absolute; width: 400px; height: 200px; background: #ccc; } .
1回复

SVG文件中的CSS3动画和转场仅适用于Google Chrome(甚至Safari)

我正在制作一个小的SVG动画(从此处下载SVG)。 我设法使其在Google Chrome(版本21.0.1180.89 m)中可以正常工作,但在其他任何浏览器(包括Safari)中却无法正常工作,因为它们都使用Webkit,所以我发现它很奇怪。 我正在使用CSS3进行动画制作。 下面是代
2回复

CSS3:悬停过渡时的动画精灵+

我正在进入CSS3动画和过渡的世界,所以请原谅我的无知。 这是我正在尝试做的简化版本: 我有一个通过CSS3关键帧无限地“搏动”的球 当我将鼠标悬停在它上面时,我希望球变得更大并保持这种状态 当我将鼠标移开并保持脉动时,我希望球再次变小(当然,所有过渡都需要平滑)。
2回复

CSS3过渡填充模式

是否有任何方法/技巧让转换保持其状态就像动画填充模式一样? jsbin 基于上面的代码,我希望seconddiv的行为与firstdiv一样,不使用任何javascript代码。 当鼠标停止悬停或动画结束时,firstdiv将保持其状态,而seconddiv将始终返回其原始状态。
1回复

HTML5进度条元素的CSS3过渡

我正在使用进度条,如下所述: http://css-tricks.com/html5-progress-element/ 使用<progress>元素并使用伪类-webkit-progress-bar和-webkit-progress-value样式。 因此,
1回复

如何在CSS3动画中间显示元素

在此示例中 ,我只想在动画的一步中显示该元素。 但是,这是不可能的,因为如果在主CSS规则中设置display:none ,动画将不会覆盖它。 请注意,这是一个简化的示例,在实践中,我需要使用display:none隐藏元素,使其在动画中变得可见。 因此,其他opacity技巧不能满
1回复

CSS3过渡:* IN *和* OUT *的不同过渡(或从过渡状态返回)

原始问题...更新下面的工作代码: 我有一个加载图像,在ajax加载事件期间出现。 通过向body元素添加或删除“loading”类来显示/隐藏图像。 目前,加载图像将背景大小设置为0到100%,并且不透明度渐变(反之亦然,“返回”转换)。 但是,我想要实现的是在淡出时立即进行背
1回复

CSS3过渡,关键帧,动画

我一直在玩转场和动画,我想充分利用它们的悬停功能。 我想知道是否有可能使动画悬停后发生,而不一定是悬停在动画上。 例如,如果我想在相关段落悬停后将图片滑入并更改不透明度,那么如何在不保留该部分的鼠标的情况下使其保持原状? 我的最后一个问题是,是否可以将与关键帧类似的东西用于过渡。