background/font/animation属性的顺序

最新推荐文章于 2022-08-30 19:40:01 发布

原创最新推荐文章于 2022-08-30 19:40:01 发布 · 379 阅读

1 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了CSS中background和font属性的正确书写顺序，并深入探讨了animation属性的使用方法，包括动画的命名、持续时间、动画方式等关键参数。

background属性的顺序

background-color;
background-image;
background-repeat;
background-attachment;
background-position;
其他还有background-size; background-clip; background-origin 单独写出来就行;

font属性的顺序

font-style;
font-family;
font-weight;
font-size/line-height;
font-family;

animation

animation: 动画名持续时间动画方式延时重复次数是否交替;
animation: move 4s cubic-bezier(0.5,0.9,0.5,0.1) 0s infinite alternate;
动画:name duration 动画方式 delay 次数是否重复;

初始状态(同animation同级)相当于animation的0%；
cubic-bezier(x1,y1,x2,y2) 相当于定义开始和结束的斜率
动画方式：ease ease-in ease-out ease-in-out linear cubic-bezier(x1,y1,x2,y2);
animation-name\ animation-duration\ animation-timing-function\ animation-delay\ animation-iteration-count\ animation-direction