Html 减速过渡顶部的易用按钮

我有一个按钮，悬停时会上升。过渡时间应为1秒，但不起作用。代码如下：

#跟我们谈谈{
填充：10px！重要；
高度：43px！重要；
宽度：148px！重要；
背景色：#0ee9f5！重要；
显示：内联自动！重要；
右边距：5px；
位置：相对位置；
转换：top ease 1.0s；/*这不起作用*/
}
#跟我们说：悬停{
顶部：-10px；
文字装饰：下划线；
}
#链接{
颜色：白色！重要；
字体大小：14px！重要；
填充：10px！重要；
}

如果您需要从某物过渡到任何东西。。。首先，您需要为“某物”提供transition属性。所以只需将

top:0

添加到原点即可。像这样：

#跟我们谈谈{
填充：10px！重要；
高度：43px！重要；
宽度：148px！重要；
背景色：#0ee9f5！重要；
显示：内联自动！重要；
右边距：5px；
位置：相对位置；
转换：top ease 1.0s；/*这不起作用*/
排名：0；
}
#跟我们说：悬停{
顶部：-10px；
文字装饰：下划线；
}
#链接{
颜色：白色！重要；
字体大小：14px！重要；
填充：10px！重要；
}

如果您需要从某物过渡到任何东西。。。首先，您需要为“某物”提供transition属性。所以只需将

top:0

添加到原点即可。像这样：

#跟我们谈谈{
填充：10px！重要；
高度：43px！重要；
宽度：148px！重要；
背景色：#0ee9f5！重要；
显示：内联自动！重要；
右边距：5px；
位置：相对位置；
转换：top ease 1.0s；/*这不起作用*/
排名：0；
}
#跟我们说：悬停{
顶部：-10px；
文字装饰：下划线；
}
#链接{
颜色：白色！重要；
字体大小：14px！重要；
填充：10px！重要；
}

这是否回答了您的问题？这回答了你的问题吗？