-
animation-name属性主要是用来调用 @keyframes 定义好的动画。需要特别注意: animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致（区分大小写），如果不一致将不具有任何动画效果。
查看全部 -
transform-origin 改变元素原点的位置。可能会使旋转（rotate）
位移（translate），缩放（scale），扭曲（skew）等有影响
查看全部 -
结合transform属性
matrix（a,b,c,d,e,f）
矩阵
查看全部 -
结合transform进行使用
translate（x，y）
X---〉代表沿着X轴移动
Y---〉代表沿着Y轴移动
查看全部 -
hover 代表鼠标浮动在元素上方时
查看全部 -
结合transform属性
scale（缩放倍数）
0.01-0.99 之间是是缩小
〉1.01 的值 代表是放大
查看全部 -
结合transform一起使用
skew（扭曲的角度）
沿着X轴Y轴进行扭曲
不能使图片旋转
查看全部 -
结合transform 使用
rotate（旋转角度）
主要是元素绕着原点旋转
正值-----〉顺时针旋转
负值-----〉逆时针旋转
查看全部 -
Keyframes被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。
查看全部 -
class="box effect"
相当于我box 是公用类，写好一些需要公用的样式，然后各自的节点元素需要特定的样式在给添加类，两者之间通过空格区分开来调用
查看全部 -
read-write
给web浏览器未选中状态。
查看全部 -
:read-only
给只读选项设置样式
：-moz-read-only
给火狐浏览器兼容
查看全部 -
将web选中的文本添加样式。
查看全部 -
:checked：
给被选中的单选框和复选框样式。
查看全部 -
enabled:是将可编辑的表单元素设置样式。
disabled：是将不可编辑的表单元素设置样式。
查看全部
举报