Css 动画不会被减弱

Css 动画不会被减弱,css,sass,css-animations,css-transitions,Css,Sass,Css Animations,Css Transitions,我有这样的代码,不知何故,放松一下似乎不起作用。是否有任何动画属性阻止其工作 。淡入页眉按钮 不透明度:0 动画:从底部滑动。25秒放松。25秒1向前 @关键帧从底部滑动 0% 不透明度:0 转换:translateY(150%) 100% 不透明度:1 变换:translateY(0) 试试这个演示 使CSS格式正确 带有半列和括号(;和{}) 。淡入页眉按钮{ 边界:无; 填充:10px 20px; 背景:#00cc00; 颜色:#fff; 不透明度:0; 动画:从底部滑动。25秒放松。2

我有这样的代码,不知何故,
放松一下
似乎不起作用。是否有任何
动画
属性阻止其工作

。淡入页眉按钮
不透明度:0
动画:从底部滑动。25秒放松。25秒1向前
@关键帧从底部滑动
0%
不透明度:0
转换:translateY(150%)
100%
不透明度:1
变换:translateY(0)
试试这个演示

使CSS格式正确

带有半列和括号(
{}

。淡入页眉按钮{
边界:无;
填充:10px 20px;
背景:#00cc00;
颜色:#fff;
不透明度:0;
动画:从底部滑动。25秒放松。25秒1向前;
}
@关键帧从底部滑动{
0%{
不透明度:0;
转化:translateY(150%);
}
100%{
不透明度:1;
变换:translateY(0);
}
}

从底部滑入
要这样吗?如果有任何改变,我也很乐意改变答案。顺便说一句,谢谢:)这仍然是我想要的
linear
地方
ease out
ed:)我寻找平滑的动画。我也使用
.sass
格式-这就是为什么我没有
{}
。仍然不走运:/您可以通过尝试单击圆圈来根据需要更改动画,从而更改轻松效果。