CSS3 学习

border-radius:

  半径,不用学了,用得很熟了,但要记得它的某一个角的写法是border-top/bottom-left/right-radius: ,参数中的两个值为先左右后上下,支持百分号

box-shadow:

  div加阴影,语法为box-shadow: h-shadow v-shadow blur spread color inset;

text-shadow:

  文字阴影,类似box-shadow

word-wrap:

  只有break-word or normal

@font-face:

  安全字体

transform:

  2D变换,要加前缀,平移是相对的,还可以旋转拉伸各种,对应函数有translate(),rotate(),scale(),skew()(翻转)等,3D的有rotateX(),rotateY(),rotate3D(),scale3D()等

transition:

  过渡,要加前缀too,好东西一枚不可放过

@key-frames

  css动画,so magical,from{}to{}语法或0%{}x%{}y%{}100%{}语法