css动画基础属性

这是我收集的动画基础属性，一些可能会出问题的地方也添加了标记，帮助我记忆，也希望帮助有需要的你们(*^o^)人(^o^*)   

 

background	设置背景
background-color	设置背景颜色
background-position	设置背景定位
background-size	设置背景大小
border	设置边框
border-bottom	设置边框底部
border-bottom-color	设置边框底部颜色
border-bottom-left-radius	设置左下角边框形状
border-bottom-right-radius	设置右下角边框形状
border-bottom-width	设置边框底部宽度
border-color	设置边框颜色
border-left	设置左边框
border-left-color	设置左边框颜色
border-left-width	设置左边框宽度
border-right	设置右边框
border-right-color	设置右边框颜色
border-right-width	设置右边框宽度
border-spacing	设置相邻单元格的边框间距离  ๑乛◡乛๑（仅用于边框分离）
border-top	设置边框顶部
border-top-color	设置边框顶部颜色
border-top-left-radius	设置左上角边框形状
border-top-right-radius	设置右上角边框形状
border-top-width	设置边框顶部宽度
bottom	图像底部  ๑乛◡乛๑（ 对于绝对定位元素，bottom属性设置单位高于/低于包含它的元素的底边。 对于相对定位元素，bottom属性设置单位高于/低于其正常位置的元素的底边。 ）
box-shadow	设置一个或多个下拉框阴影的框
clip	让你指定一个绝对定位的元素，该尺寸应该是可见的，该元素被剪裁成这种形状并显示
color	指定文本颜色
column-count	指定某个元素应分为的列数
column-gap	指定的列之间的间隙
column-rule	列之间的宽度，样式和颜色
column-rule-color	指定列之间的颜色规则
column-rule-width	指定列之间的宽度规则
column-width	指定列的宽度
columns	是一个速记属性设置列宽和列数  ๑乛◡乛๑（ column-width 与 column-count 的简写属性）
filter	定义了元素  ๑乛◡乛๑(通常是<img>)的可视效果(例如：模糊与饱和度）
flex	用于设置或检索弹性盒模型对象的子元素如何分配空间  ๑乛◡乛๑（是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性；注意：如果元素不是弹性盒模型对象的子元素，则 flex 属性不起作用。）
flex-basis	用于设置或检索弹性盒伸缩基准值
flex-grow	属性用于设置或检索弹性盒子的扩展比率
flex-shrink	指定了 flex 元素的收缩规则 flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值。
font	在一个声明中设置所有字体属性 注意： line - height属性设置行与行之间的空间
font-size	设置字体大小
font-size-adjust	控制字体大小，有备无患  ๑乛◡乛๑（当第一个不能用时，使用第二个字体）
font-stretch	允许你使文字变宽或变窄
font-weight	设置文本的粗细
height	设置元素的高度  ๑乛◡乛๑（ height属性不包括填充，边框，或页边距）
left	规定元素的左边
letter-spacing	增加或减少字符间的空白  ๑乛◡乛๑（字符间距）
line-height	设置以百分比计的行高
margin	所有外边距属性  ๑乛◡乛๑（注意： 负值是允许的）
margin-bottom	设置元素的下边距
margin-left	设置元素的左边距
margin-right	设置元素的右边距
margin-top	设置元素的上边距
max-height	设置元素的最大高度
max-width	设置元素的最大宽度
min-height	设置元素的最小高度
min-width	设置元素的最小宽度
opacity	设置一个元素了透明度级别
order	设置或检索弹性盒模型对象的子元素出现的顺序   ๑乛◡乛๑注意：如果元素不是弹性盒对象的元素，则 order 属性不起作用
outline	在一个声明中设置所有的轮廓属性
outline-color	设置轮廓颜色
outline-offset	设置轮廓框架在 border 边缘外的偏移
outline-width	设置轮廓的宽度
padding	在一个声明中设置所有填充属性   ๑乛◡乛๑注意： 负值是不允许的
padding-bottom	设置一个元素的底部填充
padding-left	设置一个元素的左部填充
padding-right	设置一个元素的右部填充
padding-top	设置一个元素的顶部填充
perspective	允许你改变3D元素是怎样查看透视图   ๑乛◡乛๑perspective 属性只影响 3D 转换元素。
perspective-origin	允许你改变 3D 元素的底部位置
right	设置元素的右边
text-decoration-color	规定文本修饰 （下划线 underline、上划线 overline、中划线 line-through）的颜色   ๑乛◡乛๑注意：只有在带有可见的 text-decoration 的元素上，text-decoration-color 属性才起作用
text-indent	首行文本缩进
text-shadow	阴影文本
to	设置元素顶部
transform	元素的2D或3D转换  ๑乛◡乛๑（元素旋转，缩放，移动，倾斜等）
transform-origin	允许您更改转换元素的位置
vertical-align	设置一个元素的垂直对齐方式
visibilit	定一个元素是否是可见的
width	设置元素的宽度   ๑乛◡乛๑（width属性不包括填充，边框和页边距）
word-spacing	增加或减少字与字之间的空白
z-index	指定一个元素的堆叠顺序