css3的类型种类

E[att] 有属性att的所有E元素
E[att='val'] 属性att的值是val的元素
E[att^='val'] 属性att的值以val开头的元素
E[att$='val'] 属性att的值以val结尾的元素
E[att='val'] 属性att的值包含val字符串的元素
表单：input
可用状态：enabled
禁用状态：disabled
只读状态：readonly
被选中的单/多选按钮：checked
E::first-line 选择第一行
E::first-letter 选择第一个字符
E::selection 用来改变浏览网页选中文本的默认效果（基本上只有 background 、color 有效果）
盒模型绘制三角形:border-top-color: transparent;(宽高0，边框长度)
变形：transform
旋转: rotate(45deg);（旋转里面正负只代表方向 顺时针 还是逆时针）deg：度数
水平平移：translate()
放大：scale（倍数）（沿着中心变大）
改变中心：transform-origin: right bottom;
3D效果：transform-style: preserve-3d;
倾斜扭曲：skew（度数）
过渡：transition
/可以只强调小属性过渡/
transition-property:width height background margin border
/过渡的持续时间/
transition-duration: 3s;
/过渡速度/
transition-timing-function: ease ease-in ease-out ease-in-out linear;
linear： 线性过渡。
ease： 平滑过渡。
ease-in： 由慢到快。
ease-out： 由快到慢。
ease-in-out： 由慢到快再到慢。
/延迟时间*/
transition-delay: 2s;
关键帧动画：animation: 名字 3s infinite（无穷）;
@keyframes