css3新增选择器和动画

属性选择器
[title=“ss”] //选择所有符合这个属性的元素;
[title~=“ss”] //选择符合这个属性的元素，可以用空格隔开（包含这个属性就可以）;
[title*=“ss”] //只要包含这个字符串就可以被选中;
[title|=“ss”] //以ss开头就会被选中;
[title$=“ss”] //以ss结尾就会被选中;
:lang(zh-ch) //选中lang()值为zh-ch的元素;
:root //根元素选自器；
:empty //选中所有空标签;
:enabled //有效的标签选择器，针对可以使用disabled 让其失效是选择器
:checked //选中的属性;
::first-letter //选中第一个单词的;
::first-line //选中第一行;
:selection //复选框选中;
:target //跳转元素在跳转之后选中添加样式;

transition
transition-property: background-color,width; //指定要过度的属性;可以天机多个属性;
transition-duration: 3s; //指定过度的时间;
transition-delay: ; //指定过度的延迟时间;
transition-timing-function:linear ; //指定过度的时间函数;

animation (配合@keyframes);
animation-name //动画名称;
animation-duration //指定动画时间;
animation-timing-function //指定动画的时间函数;
animation-delay //指定延迟多长时间执行动画,(为负数直接提前执行);
animation-iteration-count //指定重复的次数 infinite 为无限重复;
animation-direction //设置动画的播放方向 reverse反向播放 alternate 奇数正向，偶数反向 （先执行一遍动画，然后再反向执行一遍动画：）
animation-fill-mode //设置动画结束/开始时的状态； forwards 结束时停留在结束时的位置 backwards 当设置了动画延时时间 开始前就在在开始的位置; botn 遵循前面两个;
animation-play-state: ; //设置动画的开始于暂停 paused 暂停动画 running开始动画;