css（七）-css3新特性

一.新增选择器

1.属性选择器

// 1.利用属性选择器可以不用借助于类选择器或者id选择器
input[value] {
	color:red
}
// 2.属性选择器还可以选择属性=值得某些元素
input[type='text'] {
	color:red
}
// 3.属性选择器可以选择属性值开头的某些元素,^代表以谁开头
div[class^='icon'] {
	color:red
}
// 4.属性选择器可以选择属性值结尾的某些元素,$代表以谁结尾
div[class$='icon'] {
	color:red
}

2.结构伪类选择器
结构伪类选择器主要根据文档结构来选择元素，常用于选择父元素里的子元素

3.伪元素选择器
可以通过css创建新的标签元素，而不需要html标签，从而简化html结构

二.transform翻转

1.translate（x，y）移动
2.rotate（45deg）旋转
3.scale（x，y）缩放
4.translate（x，y，z）

三.animation动画

自动播放，无线循环播放