background-size

background-size 设置的长宽比和原有图片长宽比不同时，会压缩图片

cover 和 contain 都是等比例缩放(按照长宽比)

cover：把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。 而cover不会，它会按图片原有长宽比进行展示，如果目前容器长宽比和图片原有长宽比不同时，图片往往展示不全

contain：和cover差不多，就是它会完全显示图片。但是长宽比不同时，容器往往都有剩余

3d相关的两个属性：

css
 transform-style: preserve-3d;
 perspective: 100px;

animate 相关属性

css
animation-play-state: paused;  //控制动画是否暂停
animation-timing-function:steps(1) //定义当前动画节点，到下一个动画节点的动画帧数。如果为1帧，则不会有补间动画
如果为2帧，则两个动画节点之间会有两帧的动画

滤镜

css
html { /* //以下代码通过滤镜将页面中所有的彩色去掉，适用于各种纪念日，请维护人员及时删除或注释掉 */ 
 filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
 filter: grayscale(100%);
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%); 
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: gray; 
 -webkit-filter: grayscale(1); 
/* //去彩色代码结束 */ }