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%{}语法

转载于:https://www.cnblogs.com/yedeying/p/3618738.html