css样式无法显示的问题-问题及方法收集

问：css样式无报错，但是使用开发者工具检查该样式被横线-无法应用的情况有哪些？下面是我的例子

.container{
            position: relative;
            top: -80px;
            transform: skewY(-20deg);
            animation: animate 5s liner infinite;
        }
        @keyframes animate{
            0%{
                filter: hue-rotate(0deg);
            }
            100%{
                filter: hue-rotate(360deg);
            }
        }

运行结果

• 可以查看手册：css 样式化文本 样式化列表 中的内容

animation: animate 5s liner infinite;中的infinite去掉

你使用animation语法的简写格式不对：