问题标签 [transitions]

当我遇到一个奇怪的问题时，我一直在玩 CSS3 过渡以淡入覆盖 div。

基本上我有一个 div 元素，它的 id 上设置了样式 - 即背景颜色：#000、不透明度：0 等。以及特定于浏览器的过渡样式。默认情况下，覆盖元素上有一个“hiddenElement”类，将其显示设置为无。

当要显示覆盖时，将删除 hiddenElement 类，并添加另一个类“初始化”，该类将元素不透明度设置为 0.6。

我期望发生的是让元素平滑地动画化，这在 Opera 中确实发生了，但在 Firefox 和 chrome 中它并不能完全那样工作。

我在这里建立了一个孤立的案例：http: //jsbin.com/obojet/27/。

正如您所看到的，当“addClass('Initialised')”被包装在 setTimeout() 中时，即使在 chrome 中超时为 0 毫秒，它也能正确设置动画。只是在超时之外做 addClass，不会做动画。在 Firefox 中，超时时间必须更长 - 50 毫秒。在歌剧中它只是工作。

这可能归结为 UI/Javascript 争夺单线程，但我只是好奇是否有其他人遇到过类似的问题。

大家早上好。

今天我正在努力使用以下代码：jsFiddle上的源代码

我一直试图实现的是一种看似简单的图像翻转效果，其中图像的“镜像”使用一些 css3 效果覆盖了原始图像。

• Chrome 12完美转换图像
• 当图像遇到鼠标光标时，Firefox 5 停止转换
• IE9 - 根本没有任何变换，图像只是在晃动
• Opera - 未选中

我如何做到这个跨浏览器兼容？

我正在尝试向我的应用程序添加一些过渡。有什么地方可以看到默认过渡的预览

图像切换器

AdapterViewFlipper

堆栈视图

文本切换器

视图动画师

ViewFlipper

视图切换器

提前致谢

我正在使用 Transitions gem 在我的模型设置中创建一个状态机，如下所示：

我想查询模型以获取具有特定状态的所有记录，例如：

但这似乎不起作用，而且我很难找到这方面的文档。有谁知道如何做到这一点？（我敢肯定它似乎无法找到它）提前谢谢！

编辑

运行 tail -n development.log 给我：

运行 grep 'current_state db/schema.rb' 不返回任何结果。我希望虽然没有称为 current_state 的实际列，但记录的状态由状态机管理（不确定它存储状态的确切位置）。

当我在 cocos2d 中调用 relpaceScene 或 pushScene 时，我可以向它添加一些转换，例如：

[[CCDirector sharedDirector] replaceScene:[CCTransitionFade transitionWithDuration:1 scene:scene]];

但是当我调用popScene 时，它​​不需要任何参数，并且不能添加任何过渡。是这样吗？如何使用所需的过渡来 popScene？

我正在创建一个 DOM 元素（一个 div），将其添加到 DOM，然后在 javascript 中一键更改其宽度。这在理论上应该触发 CSS3 过渡，但结果是直接从 A 到 B，中间没有过渡。

如果我通过单独的测试点击事件改变宽度，一切都会按预期工作。

这是我的 JS 和 CSS：

JS（jQuery）：

CSS（只是 Mozilla 一分钟）：

我在这里搞砸了，还是“一击即中”不是应该做的事情？

非常感谢所有帮助。

我想知道是否有人有将对象从一种皮肤/图像/等变形为另一种的经验？

我想要做的是让一个图标变成另一个图像，然后进入拖动状态。就像将小部件添加到 mac 仪表板时图标如何变成其小部件一样。

任何让它工作的方法都会有所帮助，包括使用 Flex 4.5 sdk 或 Actionscript 的外部库。

我知道当你设置一个新的 css 翻译时，你需要你想要移动的像素，例如：50px,60px. 所以这是对这些像素的相对移动：http: //jsfiddle.net/8CECx/ div 彼此相邻

有没有办法绝对移动？例如，您可以说“移动到 30px 50px”并让 2 个元素重叠？

谢谢（你的）信息 ：）

我正在使用 Expression Blend 4 和 .Net 3.5

在下图中，有过渡效果选项以及为过渡选择缓动效果的能力：

我的 Blend 界面在我的 WPF 应用程序中没有这些：

但是，如果我创建一个新应用程序（例如 WPF Sketchflow 应用程序），这些选项会像在第一张照片中一样出现。

是什么决定了这些选项是否出现，以及如何将它们放入我的 WPF 应用程序？

我有一个 HTML 元素，其中悬停时不透明度会发生变化（使用 CSS3 过渡）。问题是在 Firefox 中（至少在 Windows 上），元素（a <div>）中的文本（a <p>）在不透明度更改期间明显变暗，然后“弹回”到它应该是分数的方式过渡结束后的一秒。像这样（视频）：

http://screencast.com/t/zzWc9EF8wq4c

在 Chrome 中不会出现此问题。

有什么想法可能导致这种情况吗？任何解决方法？