css3

css3变形，动画

appearance：设置元素外形

outline-offset：设置外边线的距离

resize：让用户改变元素的大小 overflow

box-sizing：可以设置标识元素宽度的盒子 以内容为元素的宽度（正常）也可设置border-box 是以盒子的边框+内边距+内容=width/height

动画：

转场动画：transition：属性 持续时间 运动方式 延迟时间 属性时间

skew：正数 向原点 拉伸 负数 向结束点拉伸

skewX：

skewY：

translate：平移

rotate：旋转

scale：放大缩小

transform3D

1）平移

2）缩放

3)旋转rotate：

4)矩阵

perspective 摄像机到物体的距离 要设在父元素上

transform-style：flat/preserve-3d

transform-origin 发生变形的位置

transform2D变形：

支持的属性

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

box-shadow

clip

color

column-count

column-gap

column-rule

column-rule-color

column-rule-width

column-width

columns

filter

flex

flex-basis

flex-grow

flex-shrink

font

font-size

font-size-adjust

font-stretch

font-weight

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

outline

outline-color

outline-offset

outline-width

padding

padding-bottom

padding-left

padding-right

padding-top

perspective

perspective-origin

right

text-decoration-color

text-indent

text-shadow

top

transform

transform-origin

vertical-align

visibility

width

word-spacing

z-index