【问题标题】:CSS3: Why is this transition not working, and how can I fix it?CSS3:为什么这个过渡不起作用,我该如何解决?
【发布时间】:2013-03-05 21:43:27
【问题描述】:

所以,基本上,我正在为我的一个小项目制作导航,但它不起作用。

Link to broken code

我只将代码放在“代码”链接上,所以请忽略其他代码。

问题是:当您将鼠标悬停在代码链接上时,会出现“Test :3”文本。代码链接和“Test :3”都在一个表中,每个都有自己的 TD。当您将鼠标悬停在表所在的父元素上时,我使用 Javascript 将“Test :3”TD 更改为正确的类。所有这些工作都非常好,只是我想要“Test 的宽度: 3" TD有一个过渡。我试图添加它,但它不起作用。

如果有人可以看一下,我将不胜感激。 :)

【问题讨论】:

  • 最好在这里提供您的代码
  • 你在不同的浏览器上试过了吗?
  • 您甚至没有为它指定动画的宽度。你认为它会凭空抽出一些吗?
  • 另外,您不应该在这种情况下使用表格。它在语义上是不正确的。
  • 为什么要把它们放在一张桌子上?如果我理解正确,您希望 test:3 “滑入”?

标签: html css css-transitions transition


【解决方案1】:

CSS 过渡应该用于<tr> 标签,而不是<td>

【讨论】:

  • 我试试看。感谢您的回答!
猜你喜欢
  • 2013-10-20
  • 2023-03-05
  • 2023-02-02
  • 1970-01-01
  • 2021-05-11
  • 1970-01-01
  • 2019-05-26
  • 2015-01-16
  • 1970-01-01
相关资源
最近更新 更多