css animation-fill-mode属性怎么用

互联网 19-5-28

animation-fill-mode 属性规定动画在播放之前或之后，其动画效果是否可见。

注释：其属性值是由逗号分隔的一个或多个填充模式关键词。

语法

animation-fill-mode : none | forwards | backwards | both;

实例

为 h1 元素规定填充模式：

<!DOCTYPE html> <html> <head> <style>  div { width:100px; height:100px; background:red; animation:myfirst 5s; animation-fill-mode: forwards; -moz-animation:myfirst 5s; /* Firefox */ -webkit-animation:myfirst 5s; /* Safari and Chrome */ -o-animation:myfirst 5s; /* Opera */ }  @keyframes myfirst { from {background:red;} to {background:yellow;} }  @-moz-keyframes myfirst /* Firefox */ { from {background:red;} to {background:yellow;}

以上就是css animation-fill-mode属性怎么用的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签： css