问题标签 [css-transitions]

我在 iPad 应用程序中使用 web-kit 转换。他们工作得很好。但我想知道如何使用 javascript 更改转换的值。

我想做的事：

这可能吗？

有没有办法使用-webkit-transitionwith display？

我正在使用 CSS来隐藏和display显示第二级导航……但只有on有点不性感……a会很棒（比如）display: nonedisplay: block:hoverease-webkit-transition: display 300ms ease-in;

我知道使用 jQuery 很容易做到这一点，但我目前正在尝试使用 CSS3 设置所有内容（我知道：并非所有浏览器都支持它，但这与我目前正在从事的这个项目无关）

这是一些代码和结构：（li.menu1有一个:hoverwith section.nav-menu1 {display: block;}）

我的 CSS 文件定义了我div的转换类：

然后，在我的 javascript 中添加一个动态 dom 元素（通过 jQuery）：

但转型并未开始！

为什么？

我有一张显示一些信息的表格。我想要完成的是允许用户单击一行，并在该行下方显示与该行中的信息相关的注释。

我正在尝试对其进行设置，以便我可以使用漂亮的 CSS 过渡功能，因此只需将注释放在信息行下方的隐藏的、绝对定位的行中是不可能的。CSS 过渡不作用于position样式。

我已经进行了设置，以便便笺将在div. 当用户单击表中的一行时，一个onClick事件会调用一个 Javascript 函数，该函数使该表div可见。现在我只需要让 div 在选定的表格行下对齐。

我怎样才能得到表格行的高度和位置？我想我可以用它来定位div. 或者，有没有更好的方法来做到这一点？

这是我所拥有的一个例子：

当我更改 div 的 innerHTML 时，我正在尝试做淡入/淡出效果。甚至在safari doc上给出的示例

我希望 div 淡出，更改内容，然后使用新内容再次淡入。

请在这里帮助我

我希望我的块元素看起来好像高度增长到最大值（如JQuery 的渐进式显示），随着它的增长，垂直“推动”它之后的任何元素。

height使用固定（max-height从 0 到想要的大小）很容易，但不是用height: auto，因为你不能max-height从 0 到none（元素将一直是 0px 高然后突然出现在动画的 100% 处）。

我尝试过从transformtoscaley(0)但scaley(1)高度从过渡开始时自动“保留”（因此插入元素后的内容被粗暴地向下移动，而不是平滑、渐进地推动）。

我想制作这个 css3 效果的 jquery 版本，以便它也适用于 ff 和 ie：

我的尝试没有奏效，这是我目前所得到的。

你知道如何解决这个问题吗？非常感谢！

我遵循 HTML，其中悬停使 div 向下增长，但我想向上增长。

如何在悬停时反转过渡？

Webkit的transition结束事件叫做webkitTransitionEnd，Firefox是transitionEnd，opera是oTransitionEnd。在纯 JS 中解决所有这些问题的好方法是什么？我应该做浏览器嗅探吗？还是分别实施每一项？其他一些我没有想到的方式？

IE：

或者

CSS 过渡是一种非常巧妙的方式来动画化 CSS 属性的变化。是否有任何版本的 Internet Explorer 支持它们？